chore: add some timeouts for prevent flaky (#5722)

taiga-family · Oct 23, 2023 · c481347 · c481347
1 parent 726bc9b
commit c481347
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 12 deletions.
diff --git a/projects/demo-cypress/cypress/tests/addon-table/table-pagination/table-pagination.cy.ts b/projects/demo-cypress/cypress/tests/addon-table/table-pagination/table-pagination.cy.ts
@@ -10,9 +10,11 @@ describe(`TablePagination`, () => {
 
             cy.get(`@linesPerPageSelect`).click();
             waitForCheckmarkIcon();
-            cy.get(`@tablePagination`).matchImageSnapshot(`0-[size]-dropdown-base`, {
-                padding: [0, 0, 150, 0],
-            });
+            cy.get(`@tablePagination`)
+                .tuiWaitBeforeScreenshot()
+                .matchImageSnapshot(`0-[size]-dropdown-base`, {
+                    padding: [0, 0, 150, 0],
+                });
         });
 
         it(`With very long option name`, () => {
@@ -25,12 +27,11 @@ describe(`TablePagination`, () => {
 
             cy.get(`@linesPerPageSelect`).click();
             waitForCheckmarkIcon();
-            cy.get(`@tablePagination`).matchImageSnapshot(
-                `1-[size]-dropdown-long-option-name`,
-                {
+            cy.get(`@tablePagination`)
+                .tuiWaitBeforeScreenshot()
+                .matchImageSnapshot(`1-[size]-dropdown-long-option-name`, {
                     padding: [0, 0, 100, 0],
-                },
-            );
+                });
         });
     });
 

diff --git a/projects/demo-cypress/cypress/tests/core/data-list/data-list.cy.ts b/projects/demo-cypress/cypress/tests/core/data-list/data-list.cy.ts
@@ -34,17 +34,22 @@ describe(`DataList`, () => {
             .type(`{rightarrow}`)
             .type(`{downarrow}`.repeat(2));
 
-        cy.get(`tui-doc-page`).matchImageSnapshot(`3-#submenu`, {
-            capture: `viewport`,
-        });
+        cy.get(`tui-doc-page`)
+            .tuiWaitBeforeScreenshot()
+            .matchImageSnapshot(`3-#submenu`, {
+                capture: `viewport`,
+            });
     });
 
     it(`Form control`, () => {
         cy.get(`#control [automation-id=${tuiEnsureDocExample()}] tui-hosted-dropdown`)
             .tuiScrollIntoView()
             .click();
 
-        cy.get(`tui-dropdown`).should(`be.visible`).matchImageSnapshot(`4-#control`);
+        cy.get(`tui-dropdown`)
+            .should(`be.visible`)
+            .tuiWaitBeforeScreenshot()
+            .matchImageSnapshot(`4-#control`);
     });
 
     it(`Complex`, {responseTimeout: 30_000}, () => {

diff --git a/projects/demo-playwright/tests/addon-mobile/mobile-calendar/mobile-calendar.spec.ts b/projects/demo-playwright/tests/addon-mobile/mobile-calendar/mobile-calendar.spec.ts
@@ -12,6 +12,8 @@ test.describe(`MobileCalendar`, () => {
             .first();
 
         await chooseDateButton.click();
+        await page.waitForTimeout(2000);
+
         await expect(example).toHaveScreenshot(`01-mobile-calendar.png`);
     });
 
@@ -20,6 +22,8 @@ test.describe(`MobileCalendar`, () => {
         const {apiPageExample} = new TuiDocumentationPagePO(page);
 
         await apiPageExample.scrollIntoViewIfNeeded();
+        await page.waitForTimeout(2000);
+
         await expect(page).toHaveScreenshot(`01-mobile-calendar-disabled.png`, {
             mask: [page.locator(`tui-mobile-calendar`)],
         });
@@ -30,6 +34,8 @@ test.describe(`MobileCalendar`, () => {
         const {apiPageExample} = new TuiDocumentationPagePO(page);
 
         await apiPageExample.scrollIntoViewIfNeeded();
+        await page.waitForTimeout(2000);
+
         await expect(page).toHaveScreenshot(`01-mobile-calendar-enabled.png`, {
             mask: [page.locator(`tui-mobile-calendar`)],
         });