test(datagrid-web): enhance pagination tests with visibility checks and updated scrolling logic

Author: samuelreichert

packages/pluggableWidgets/datagrid-web/e2e/DataGrid.spec.js

@@ -181,21 +181,25 @@ test.describe("pagination attribute synchronization", () => {
     test("buttons pagination updates page/pageSize/totalCount attributes", async ({ page }) => {
         await page.goto("/p/pagination-attributes");
         await page.waitForLoadState("networkidle");
+        await page.locator(".mx-name-dataGrid1").waitFor({ state: "visible" });
         const pageInput = page.locator(".mx-name-PageTextBox input");
         const sizeInput = page.locator(".mx-name-PageSizeTextBox input");
+        const totalInput = page.locator(".mx-name-TotalCountTextBox input");
 
         // initial values should be populated
         await expect(pageInput).toHaveValue("1");
         await expect(sizeInput).toHaveValue("10");
+        await expect(totalInput).not.toHaveValue("");
 
-        // navigate to next page via pagination control (adjust selector to match your layout)
+        // navigate to next page via pagination control
         await page.locator(".mx-name-dataGrid1 .pagination-next").click();
         await expect(pageInput).toHaveValue("2");
     });
 
     test("virtual scroll pagination updates totalCount and loadedRows attributes", async ({ page }) => {
         await page.goto("/p/virtual-scroll-attributes");
         await page.waitForLoadState("networkidle");
+        await expect(page.locator(".mx-name-dataGrid21")).toBeVisible();
         const totalInput = page.locator(".mx-name-TotalCountTextBox input");
         const loadedInput = page.locator(".mx-name-LoadedRowsTextBox input");
 
@@ -204,7 +208,10 @@ test.describe("pagination attribute synchronization", () => {
         await expect(loadedInput).toHaveValue("0");
 
         // scroll down to trigger loading more rows
-        await page.locator(".mx-name-dataGrid21").scrollTo(0, 1000);
+        await page.evaluate(() => {
+            const el = document.querySelector(".mx-name-dataGrid21");
+            if (el) el.scrollTop = 1000;
+        });
         await expect(loadedInput).not.toHaveValue("0");
         await expect(totalInput).not.toHaveValue("");
     });