diff --git a/packages/aggrid/tests/aggrid.e2e.ts b/packages/aggrid/tests/aggrid.e2e.ts
index 861835858d..f23be711f1 100644
--- a/packages/aggrid/tests/aggrid.e2e.ts
+++ b/packages/aggrid/tests/aggrid.e2e.ts
@@ -10,11 +10,34 @@ import { expect } from '@playwright/test';
 import { regressionTest } from '@utils/test';
 
 regressionTest.describe('aggrid', () => {
-  regressionTest('basic', async ({ page }) => {
-    await page.goto('basic.html');
+  regressionTest.describe('version', () => {
+    regressionTest('newest', async ({ page }) => {
+      await page.goto('basic.html');
 
-    await page.getByRole('columnheader').nth(0).hover();
-    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+      await page.getByRole('columnheader').nth(0).hover();
+      expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+
+    regressionTest('32', async ({ page }) => {
+      await page.goto('basic_v32.html');
+
+      await page.getByRole('columnheader').nth(0).hover();
+      expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+
+    regressionTest('31', async ({ page }) => {
+      await page.goto('basic_v31.html');
+
+      await page.getByRole('columnheader').nth(0).hover();
+      expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+
+    regressionTest('30', async ({ page }) => {
+      await page.goto('basic_v30.html');
+
+      await page.getByRole('columnheader').nth(0).hover();
+      expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
   });
 
   regressionTest('filter', async ({ page }) => {
diff --git a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-pagination-1-chromium---theme-classic-dark-linux.png b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-pagination-1-chromium---theme-classic-dark-linux.png
index 3f78e18e2b..1be770966b 100644
Binary files a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-pagination-1-chromium---theme-classic-dark-linux.png and b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-pagination-1-chromium---theme-classic-dark-linux.png differ
diff --git a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-pagination-1-chromium---theme-classic-light-linux.png b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-pagination-1-chromium---theme-classic-light-linux.png
index 82e22270a4..bdfd58603c 100644
Binary files a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-pagination-1-chromium---theme-classic-light-linux.png and b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-pagination-1-chromium---theme-classic-light-linux.png differ
diff --git a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-30-1-chromium---theme-classic-dark-linux.png b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-30-1-chromium---theme-classic-dark-linux.png
new file mode 100644
index 0000000000..0780cb3ded
Binary files /dev/null and b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-30-1-chromium---theme-classic-dark-linux.png differ
diff --git a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-30-1-chromium---theme-classic-light-linux.png b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-30-1-chromium---theme-classic-light-linux.png
new file mode 100644
index 0000000000..c126c0a313
Binary files /dev/null and b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-30-1-chromium---theme-classic-light-linux.png differ
diff --git a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-31-1-chromium---theme-classic-dark-linux.png b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-31-1-chromium---theme-classic-dark-linux.png
new file mode 100644
index 0000000000..0780cb3ded
Binary files /dev/null and b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-31-1-chromium---theme-classic-dark-linux.png differ
diff --git a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-31-1-chromium---theme-classic-light-linux.png b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-31-1-chromium---theme-classic-light-linux.png
new file mode 100644
index 0000000000..c126c0a313
Binary files /dev/null and b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-31-1-chromium---theme-classic-light-linux.png differ
diff --git a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-basic-1-chromium---theme-classic-dark-linux.png b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-32-1-chromium---theme-classic-dark-linux.png
similarity index 100%
rename from packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-basic-1-chromium---theme-classic-dark-linux.png
rename to packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-32-1-chromium---theme-classic-dark-linux.png
diff --git a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-basic-1-chromium---theme-classic-light-linux.png b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-32-1-chromium---theme-classic-light-linux.png
similarity index 100%
rename from packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-basic-1-chromium---theme-classic-light-linux.png
rename to packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-32-1-chromium---theme-classic-light-linux.png
diff --git a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-newest-1-chromium---theme-classic-dark-linux.png b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-newest-1-chromium---theme-classic-dark-linux.png
new file mode 100644
index 0000000000..32eae9b9cb
Binary files /dev/null and b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-newest-1-chromium---theme-classic-dark-linux.png differ
diff --git a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-newest-1-chromium---theme-classic-light-linux.png b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-newest-1-chromium---theme-classic-light-linux.png
new file mode 100644
index 0000000000..3e8d467a50
Binary files /dev/null and b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-version-newest-1-chromium---theme-classic-light-linux.png differ
diff --git a/packages/aggrid/tests/basic.html b/packages/aggrid/tests/basic.html
index 4f9a558f97..b085f6e211 100644
--- a/packages/aggrid/tests/basic.html
+++ b/packages/aggrid/tests/basic.html
@@ -8,9 +8,9 @@
 -->
 <html>
   <head>
-    <script src="https://cdn.jsdelivr.net/npm/ag-grid-community@32.1/dist/ag-grid-community.min.js"></script>
-    <link rel="stylesheet" href="https://unpkg.com/ag-grid-community/styles/ag-grid.css" />
-    <link rel="stylesheet" href="https://unpkg.com/ag-grid-community/styles/ag-theme-alpine.css" />
+    <script src="https://cdn.jsdelivr.net/npm/ag-grid-community@32/dist/ag-grid-community.min.js"></script>
+    <link rel="stylesheet" href="https://unpkg.com/ag-grid-community@32/styles/ag-grid.css" />
+    <link rel="stylesheet" href="https://unpkg.com/ag-grid-community@32/styles/ag-theme-alpine.css" />
 
     <link rel="stylesheet" href="/dist/ix-aggrid/ix-aggrid.css" />
     <link rel="stylesheet" href="/www/siemens-ix.css" />
diff --git a/packages/aggrid/tests/basic_v30.html b/packages/aggrid/tests/basic_v30.html
new file mode 100644
index 0000000000..12391df1ba
--- /dev/null
+++ b/packages/aggrid/tests/basic_v30.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@30/dist/ag-grid-community.min.js"></script>
+    <link rel="stylesheet" href="https://unpkg.com/ag-grid-community@30/styles/ag-grid.css" />
+    <link rel="stylesheet" href="https://unpkg.com/ag-grid-community@30/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_v31.html b/packages/aggrid/tests/basic_v31.html
new file mode 100644
index 0000000000..f2da9f5722
--- /dev/null
+++ b/packages/aggrid/tests/basic_v31.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@31/dist/ag-grid-community.min.js"></script>
+    <link rel="stylesheet" href="https://unpkg.com/ag-grid-community@31/styles/ag-grid.css" />
+    <link rel="stylesheet" href="https://unpkg.com/ag-grid-community@31/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_v32.html b/packages/aggrid/tests/basic_v32.html
new file mode 100644
index 0000000000..b085f6e211
--- /dev/null
+++ b/packages/aggrid/tests/basic_v32.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@32/dist/ag-grid-community.min.js"></script>
+    <link rel="stylesheet" href="https://unpkg.com/ag-grid-community@32/styles/ag-grid.css" />
+    <link rel="stylesheet" href="https://unpkg.com/ag-grid-community@32/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>