Update datagrid's jest environment rendering to render all cells (#4589)

elastic · Mar 2, 2021 · 0545480 · 0545480
1 parent 6c005f4
commit 0545480
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/src/components/datagrid/__snapshots__/data_grid.test.tsx.snap b/src/components/datagrid/__snapshots__/data_grid.test.tsx.snap
@@ -1011,7 +1011,7 @@ Array [
             >
               <div
                 class="euiDataGrid__virtualized"
-                style="position:relative;height:500px;width:500px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:transform;direction:ltr"
+                style="position:relative;height:9007199254740991px;width:9007199254740991px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:transform;direction:ltr"
               >
                 <div
                   style="height:102px;width:200px"
@@ -1346,7 +1346,7 @@ Array [
             >
               <div
                 class="euiDataGrid__virtualized"
-                style="position:relative;height:500px;width:500px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:transform;direction:ltr"
+                style="position:relative;height:9007199254740991px;width:9007199254740991px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:transform;direction:ltr"
               >
                 <div
                   style="height:102px;width:300px"
@@ -1978,7 +1978,7 @@ Array [
             >
               <div
                 class="euiDataGrid__virtualized"
-                style="position:relative;height:500px;width:500px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:transform;direction:ltr"
+                style="position:relative;height:9007199254740991px;width:9007199254740991px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:transform;direction:ltr"
               >
                 <div
                   style="height:102px;width:200px"
@@ -2312,7 +2312,7 @@ Array [
             >
               <div
                 class="euiDataGrid__virtualized"
-                style="position:relative;height:500px;width:500px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:transform;direction:ltr"
+                style="position:relative;height:9007199254740991px;width:9007199254740991px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:transform;direction:ltr"
               >
                 <div
                   style="height:102px;width:200px"

diff --git a/src/components/datagrid/data_grid.test.tsx b/src/components/datagrid/data_grid.test.tsx
@@ -908,6 +908,7 @@ describe('EuiDataGrid', () => {
             "euiDataGridRowCell euiDataGridRowCell--datetime",
             "euiDataGridRowCell euiDataGridRowCell--datetime",
             "euiDataGridRowCell euiDataGridRowCell--datetime",
+            "euiDataGridRowCell euiDataGridRowCell--datetime euiDataGridRowCell--lastColumn",
           ]
         `);
       });

diff --git a/src/components/datagrid/data_grid_body.tsx b/src/components/datagrid/data_grid_body.tsx
@@ -560,8 +560,12 @@ export const EuiDataGridBody: FunctionComponent<EuiDataGridBodyProps> = (
     }
   }, [wrapperRef]);
 
-  let finalHeight = IS_JEST_ENVIRONMENT ? 500 : height || unconstrainedHeight;
-  let finalWidth = IS_JEST_ENVIRONMENT ? 500 : width || unconstrainedWidth;
+  let finalHeight = IS_JEST_ENVIRONMENT
+    ? Number.MAX_SAFE_INTEGER
+    : height || unconstrainedHeight;
+  let finalWidth = IS_JEST_ENVIRONMENT
+    ? Number.MAX_SAFE_INTEGER
+    : width || unconstrainedWidth;
   if (isFullScreen) {
     finalHeight =
       window.innerHeight - toolbarHeight - headerRowHeight - footerRowHeight;