tmp check column charts e2e (#1616)

Author: r0b1n

packages/pluggableWidgets/column-chart-web/e2e/ColumnChart.spec.js

@@ -9,36 +9,46 @@ test.describe("column-chart-web", () => {
     test.beforeEach(async ({ page }) => {
         await page.goto("/");
         await page.waitForLoadState("networkidle");
+        await page.locator(".mx-name-actionButton1").click();
+        await page.waitForLoadState("networkidle");
     });
 
     test.describe("column color", () => {
         test("renders column chart with default color and compares with a screenshot baseline", async ({ page }) => {
-            const defaultColorContainer = page.locator(".mx-name-containerDefaultColor");
+            const defaultColorContainer = page.locator(".mx-name-containerDefaultColor .widget-chart");
             await defaultColorContainer.scrollIntoViewIfNeeded();
             await expect(defaultColorContainer).toBeVisible({ timeout: 10000 });
+            // Ensure the chart is fully rendered before taking a screenshot
+            await page.waitForTimeout(1000); // Wait for 1 second
             await expect(defaultColorContainer).toHaveScreenshot(`columnChartDefaultColor.png`);
         });
 
         test("renders column chart with custom color and compares with a screenshot baseline", async ({ page }) => {
-            const customColorContainer = page.locator(".mx-name-containerCustomColor");
+            const customColorContainer = page.locator(".mx-name-containerCustomColor .widget-chart");
             await customColorContainer.scrollIntoViewIfNeeded();
             await expect(customColorContainer).toBeVisible({ timeout: 10000 });
+            // Ensure the chart is fully rendered before taking a screenshot
+            await page.waitForTimeout(1000); // Wait for 1 second
             await expect(customColorContainer).toHaveScreenshot(`columnChartCustomColor.png`);
         });
     });
 
     test.describe("column format", () => {
         test("renders column chart with grouped format and compares with a screenshot baseline", async ({ page }) => {
-            const groupContainer = page.locator(".mx-name-containerGroup");
+            const groupContainer = page.locator(".mx-name-containerGroup .widget-chart");
             await groupContainer.scrollIntoViewIfNeeded();
             await expect(groupContainer).toBeVisible({ timeout: 10000 });
+            // Ensure the chart is fully rendered before taking a screenshot
+            await page.waitForTimeout(1000); // Wait for 1 second
             await expect(groupContainer).toHaveScreenshot(`columnChartGrouped.png`);
         });
 
         test("renders column chart with stacked format and compares with a screenshot baseline", async ({ page }) => {
-            const stackContainer = page.locator(".mx-name-containerStack");
+            const stackContainer = page.locator(".mx-name-containerStack .widget-chart");
             await stackContainer.scrollIntoViewIfNeeded();
             await expect(stackContainer).toBeVisible({ timeout: 10000 });
+            // Ensure the chart is fully rendered before taking a screenshot
+            await page.waitForTimeout(1000); // Wait for 1 second
             await expect(stackContainer).toHaveScreenshot(`columnChartStacked.png`);
         });
     });