test(heatmap-chat-web): add wait for SVG chart elements

Author: leonardomendix

packages/pluggableWidgets/heatmap-chart-web/e2e/HeatMapChart.spec.js

@@ -16,6 +16,8 @@ test.describe("heatmap-chart-web", () => {
             const customColorContainer = await page.locator(".mx-name-containerCustomColor");
             await expect(customColorContainer).toBeVisible({ timeout: 10000 });
             await customColorContainer.scrollIntoViewIfNeeded();
+            await expect(customColorContainer.locator("svg")).toBeVisible({ timeout: 5000 });
+            await page.waitForTimeout(500);
             await expect(customColorContainer).toHaveScreenshot(`heatmapChartCustomColor.png`, {
                 threshold: 0.5
             });
@@ -27,6 +29,8 @@ test.describe("heatmap-chart-web", () => {
             const ascendingContainer = await page.locator(".mx-name-containerAscending");
             await expect(ascendingContainer).toBeVisible({ timeout: 10000 });
             await ascendingContainer.scrollIntoViewIfNeeded();
+            await expect(ascendingContainer.locator("svg")).toBeVisible({ timeout: 5000 });
+            await page.waitForTimeout(500);
             await expect(ascendingContainer).toHaveScreenshot(`heatmapChartAscending.png`, {
                 threshold: 0.5
             });
@@ -36,7 +40,10 @@ test.describe("heatmap-chart-web", () => {
             page
         }) => {
             const descendingContainer = await page.locator(".mx-name-containerDescending");
+            await expect(descendingContainer).toBeVisible({ timeout: 10000 });
             await descendingContainer.scrollIntoViewIfNeeded();
+            await expect(descendingContainer.locator("svg")).toBeVisible({ timeout: 5000 });
+            await page.waitForTimeout(500);
             await expect(descendingContainer).toHaveScreenshot(`heatmapChartDescending.png`, {
                 threshold: 0.5
             });