test(aggrid): regression test for v28 and v29 (#1698)

siemens · Feb 17, 2025 · 8bec56d · 8bec56d
1 parent 2d4e3b8
commit 8bec56d
Show file tree

Hide file tree

Showing 7 changed files with 128 additions and 0 deletions.
diff --git a/packages/aggrid/tests/aggrid.e2e.ts b/packages/aggrid/tests/aggrid.e2e.ts
@@ -38,6 +38,20 @@ regressionTest.describe('aggrid', () => {
       await page.getByRole('columnheader').nth(0).hover();
       expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
     });
+
+    regressionTest('29', async ({ page }) => {
+      await page.goto('basic_v29.html');
+
+      await page.getByRole('columnheader').nth(0).hover();
+      expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+
+    regressionTest('28', async ({ page }) => {
+      await page.goto('basic_v28.html');
+
+      await page.getByRole('columnheader').nth(0).hover();
+      expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
   });
 
   regressionTest('filter', async ({ page }) => {

diff --git a/...id.e2e.ts-snapshots/aggrid-version-28-1-chromium---theme-classic-dark-linux.png b/...id.e2e.ts-snapshots/aggrid-version-28-1-chromium---theme-classic-dark-linux.png
diff --git a/...d.e2e.ts-snapshots/aggrid-version-28-1-chromium---theme-classic-light-linux.png b/...d.e2e.ts-snapshots/aggrid-version-28-1-chromium---theme-classic-light-linux.png
diff --git a/...id.e2e.ts-snapshots/aggrid-version-29-1-chromium---theme-classic-dark-linux.png b/...id.e2e.ts-snapshots/aggrid-version-29-1-chromium---theme-classic-dark-linux.png
diff --git a/...d.e2e.ts-snapshots/aggrid-version-29-1-chromium---theme-classic-light-linux.png b/...d.e2e.ts-snapshots/aggrid-version-29-1-chromium---theme-classic-light-linux.png
diff --git a/packages/aggrid/tests/basic_v28.html b/packages/aggrid/tests/basic_v28.html
@@ -0,0 +1,57 @@
+<!--
+SPDX-FileCopyrightText: 2024 Siemens AG
+
+SPDX-License-Identifier: MIT
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+-->
+<html>
+  <head>
+    <script src="https://cdn.jsdelivr.net/npm/ag-grid-community@28/dist/ag-grid-community.min.js"></script>
+    <link rel="stylesheet" href="https://unpkg.com/ag-grid-community@28/styles/ag-grid.css" />
+    <link rel="stylesheet" href="https://unpkg.com/ag-grid-community@28/styles/ag-theme-alpine.css" />
+
+    <link rel="stylesheet" href="/dist/ix-aggrid/ix-aggrid.css" />
+    <link rel="stylesheet" href="/www/siemens-ix.css" />
+    <link rel="stylesheet" href="/www/ix-icons.css" />
+    <style>
+      body {
+        min-height: 100vh;
+        width: 100%;
+      }
+    </style>
+  </head>
+  <body>
+    <div style="width: 100%; height: 100%" class="ag-theme-alpine-dark ag-theme-ix"></div>
+    <script type="module">
+      import { themeSwitcher } from './utils/test/theme-switcher.js';
+
+      themeSwitcher();
+
+      (() => {
+        const columnDefs = [
+          { field: 'make', resizable: true, checkboxSelection: true },
+          { field: 'model', resizable: true, sortable: true, filter: true },
+          { field: 'price', resizable: true, editable: true },
+        ];
+
+        const rowData = [
+          { make: 'Toyota', model: 'Celica', price: 35000, checked: false },
+          { make: 'Ford', model: 'Mondeo', price: 32000, checked: true },
+          { make: 'Porsche', model: 'Boxster', price: 72000, checked: false },
+        ];
+
+        const gridOptions = {
+          columnDefs: columnDefs,
+          rowData: rowData,
+          rowSelection: 'multiple',
+          suppressCellFocus: true,
+        };
+
+        const gridDiv = document.querySelector('div.ag-theme-ix');
+        const grid = new agGrid.Grid(gridDiv, gridOptions);
+      })();
+    </script>
+  </body>
+</html>
diff --git a/packages/aggrid/tests/basic_v29.html b/packages/aggrid/tests/basic_v29.html
@@ -0,0 +1,57 @@
+<!--
+SPDX-FileCopyrightText: 2024 Siemens AG
+
+SPDX-License-Identifier: MIT
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+-->
+<html>
+  <head>
+    <script src="https://cdn.jsdelivr.net/npm/ag-grid-community@29/dist/ag-grid-community.min.js"></script>
+    <link rel="stylesheet" href="https://unpkg.com/ag-grid-community@29/styles/ag-grid.css" />
+    <link rel="stylesheet" href="https://unpkg.com/ag-grid-community@29/styles/ag-theme-alpine.css" />
+
+    <link rel="stylesheet" href="/dist/ix-aggrid/ix-aggrid.css" />
+    <link rel="stylesheet" href="/www/siemens-ix.css" />
+    <link rel="stylesheet" href="/www/ix-icons.css" />
+    <style>
+      body {
+        min-height: 100vh;
+        width: 100%;
+      }
+    </style>
+  </head>
+  <body>
+    <div style="width: 100%; height: 100%" class="ag-theme-alpine-dark ag-theme-ix"></div>
+    <script type="module">
+      import { themeSwitcher } from './utils/test/theme-switcher.js';
+
+      themeSwitcher();
+
+      (() => {
+        const columnDefs = [
+          { field: 'make', resizable: true, checkboxSelection: true },
+          { field: 'model', resizable: true, sortable: true, filter: true },
+          { field: 'price', resizable: true, editable: true },
+        ];
+
+        const rowData = [
+          { make: 'Toyota', model: 'Celica', price: 35000, checked: false },
+          { make: 'Ford', model: 'Mondeo', price: 32000, checked: true },
+          { make: 'Porsche', model: 'Boxster', price: 72000, checked: false },
+        ];
+
+        const gridOptions = {
+          columnDefs: columnDefs,
+          rowData: rowData,
+          rowSelection: 'multiple',
+          suppressCellFocus: true,
+        };
+
+        const gridDiv = document.querySelector('div.ag-theme-ix');
+        const grid = new agGrid.Grid(gridDiv, gridOptions);
+      })();
+    </script>
+  </body>
+</html>