fix: e2e screenshots

mendix · Sep 18, 2024 · f9e9b94 · f9e9b94
1 parent a10b6eb
commit f9e9b94
Show file tree

Hide file tree

Showing 10 changed files with 10 additions and 3 deletions.
diff --git a/...web/e2e/ColumnChart.spec.js-snapshots/columnChartCustomColor-chromium-linux.png b/...web/e2e/ColumnChart.spec.js-snapshots/columnChartCustomColor-chromium-linux.png
diff --git a/packages/pluggableWidgets/pie-doughnut-chart-web/e2e/PieChart.spec.js b/packages/pluggableWidgets/pie-doughnut-chart-web/e2e/PieChart.spec.js
@@ -15,7 +15,9 @@ test.describe("pie-doughnut-chart-web", () => {
         test(
             "renders pie chart with custom color and compares with a screenshot baseline",
             async ({ page }) => {
-                const containerSliceColor = await page.locator(".mx-name-containerSliceColor");
+                const containerSliceColor = await page.locator(
+                    ".mx-name-containerSliceColor .plot-container.plotly .main-svg:first-child"
+                );
                 await containerSliceColor.scrollIntoViewIfNeeded();
                 await expect(containerSliceColor).toBeVisible({ timeout: 15000 });
                 await containerSliceColor.scrollIntoViewIfNeeded();
@@ -34,15 +36,19 @@ test.describe("pie-doughnut-chart-web", () => {
         test(
             "renders pie chart with pie format and compares with a screenshot baseline",
             async ({ page }) => {
-                const containerPieFormat = await page.locator(".mx-name-containerPieFormat");
+                const containerPieFormat = await page.locator(
+                    ".mx-name-containerPieFormat .plot-container.plotly .main-svg:first-child"
+                );
                 await containerPieFormat.scrollIntoViewIfNeeded();
                 await expect(containerPieFormat).toHaveScreenshot("pieChartPieFormat.png", { threshold: 0.5 });
             },
             { retry: 3 }
         );
 
         test("renders pie chart with doughnut format and compares with a screenshot baseline", async ({ page }) => {
-            const containerDoughnutFormat = await page.locator(".mx-name-containerDoughnutFormat");
+            const containerDoughnutFormat = await page.locator(
+                ".mx-name-containerDoughnutFormat .plot-container.plotly .main-svg:first-child"
+            );
             await containerDoughnutFormat.scrollIntoViewIfNeeded();
             await expect(containerDoughnutFormat).toHaveScreenshot("pieChartDoughnutFormat.png", { threshold: 0.5 });
         });

diff --git a/...hart-web/e2e/PieChart.spec.js-snapshots/pieChartDefaultColor-chromium-linux.png b/...hart-web/e2e/PieChart.spec.js-snapshots/pieChartDefaultColor-chromium-linux.png
diff --git a/...rt-web/e2e/PieChart.spec.js-snapshots/pieChartDoughnutFormat-chromium-linux.png b/...rt-web/e2e/PieChart.spec.js-snapshots/pieChartDoughnutFormat-chromium-linux.png
diff --git a/...t-chart-web/e2e/PieChart.spec.js-snapshots/pieChartPieFormat-chromium-linux.png b/...t-chart-web/e2e/PieChart.spec.js-snapshots/pieChartPieFormat-chromium-linux.png
diff --git a/...text-web/e2e/RichText.spec.js-snapshots/customModeAllOptions-chromium-linux.png b/...text-web/e2e/RichText.spec.js-snapshots/customModeAllOptions-chromium-linux.png
diff --git a/...ext-web/e2e/RichText.spec.js-snapshots/customModeNoneOptions-chromium-linux.png b/...ext-web/e2e/RichText.spec.js-snapshots/customModeNoneOptions-chromium-linux.png
diff --git a/...h-text-web/e2e/RichText.spec.js-snapshots/inlineAdvancedMode-chromium-linux.png b/...h-text-web/e2e/RichText.spec.js-snapshots/inlineAdvancedMode-chromium-linux.png
diff --git a/...-text-web/e2e/RichText.spec.js-snapshots/toolbarAdvancedMode-chromium-linux.png b/...-text-web/e2e/RichText.spec.js-snapshots/toolbarAdvancedMode-chromium-linux.png
diff --git a/packages/pluggableWidgets/rich-text-web/src/components/ModalDialog/Dialog.scss b/packages/pluggableWidgets/rich-text-web/src/components/ModalDialog/Dialog.scss
@@ -13,6 +13,7 @@
             top: 50%;
             left: 50%;
             transform: translate(-50%, -50%);
+            z-index: 105;
         }
 
         &.view-code-dialog {