Fix making icons snaphots with custom viewport with size 500x500

auto-mat · Jul 17, 2024 · ebf70b5 · ebf70b5
1 parent 03628c6
commit ebf70b5
Showing 1 changed file with 25 additions and 22 deletions.
diff --git a/src/components/__tests__/DrawerMenu.cy.js b/src/components/__tests__/DrawerMenu.cy.js
@@ -42,32 +42,35 @@ describe('DrawerMenu', () => {
     cy.window().then(() => {
       const drawerMenuIcon = 'drawer-menu-icon';
       const drawerBottomMenuIcon = 'drawer-bottom-menu-icon';
+      const drawerMenuIconSize = 18;
 
-      cy.dataCy(drawerMenuIcon).then(() => {
-        cy.dataCy(drawerMenuIcon)
-          .should('be.visible')
-          .each((element, index) => {
-            if (index === 0) cy.get(element).click();
-            cy.testIcon({
-              element: element,
-              name: `${Cypress.currentTest.titlePath}-drawer-menu-${index}`,
-              size: 18,
-              click: false,
+      cy.viewport(500, 500).then(() => {
+        cy.dataCy(drawerMenuIcon).then(() => {
+          cy.dataCy(drawerMenuIcon)
+            .should('be.visible')
+            .each((element, index) => {
+              if (index === 0) cy.get(element).click();
+              cy.testIcon({
+                element: element,
+                name: `${Cypress.currentTest.titlePath}-drawer-menu-${index}`,
+                size: drawerMenuIconSize,
+                click: false,
+              });
             });
-          });
-      });
+        });
 
-      cy.dataCy(drawerBottomMenuIcon).then(() => {
-        cy.dataCy(drawerBottomMenuIcon)
-          .should('be.visible')
-          .each((element, index) => {
-            cy.testIcon({
-              element: element,
-              name: `${Cypress.currentTest.titlePath}-drawer-bottom-menu${index}`,
-              size: 18,
-              click: false,
+        cy.dataCy(drawerBottomMenuIcon).then(() => {
+          cy.dataCy(drawerBottomMenuIcon)
+            .should('be.visible')
+            .each((element, index) => {
+              cy.testIcon({
+                element: element,
+                name: `${Cypress.currentTest.titlePath}-drawer-bottom-menu${index}`,
+                size: drawerMenuIconSize,
+                click: false,
+              });
             });
-          });
+        });
       });
     });
   });