Add utils

diff --git a/docs/cypress/integration/components/navbar.spec.js b/docs/cypress/integration/components/navbar.spec.js
index 30273a4ec61ffbbc980c01de154b39760c55cd27..3f1186610387f21545c7691cf6b52bafb3c888ba 100644 (file)
--- a/docs/cypress/integration/components/navbar.spec.js
+++ b/docs/cypress/integration/components/navbar.spec.js
@@ -1,3 +1,5 @@
+import { setMobile, setDesktop } from "../utils";
+
 describe("Components/Navbar", () => {
   beforeEach(() => {
     cy.visit("http://127.0.0.1:4000/cyp/components/navbar/");
@@ -125,10 +127,7 @@ describe("Components/Navbar", () => {
 describe("Components/Navbar Mobile", () => {
   beforeEach(() => {
     cy.visit("http://127.0.0.1:4000/cyp/components/navbar/");
-    cy.viewport(
-      Cypress.env("viewports").mobile[0],
-      Cypress.env("viewports").mobile[1]
-    );
+    setMobile();
   });
 
   it("has a Navbar", () => {
@@ -182,10 +181,7 @@ describe("Components/Navbar Mobile", () => {
 describe("Components/Navbar Desktop", () => {
   beforeEach(() => {
     cy.visit("http://127.0.0.1:4000/cyp/components/navbar/");
-    cy.viewport(
-      Cypress.env("viewports").desktop[0],
-      Cypress.env("viewports").desktop[1]
-    );
+    setDesktop();
   });
 
   it("has a Navbar", () => {

diff --git a/docs/cypress/integration/components/pagination.spec.js b/docs/cypress/integration/components/pagination.spec.js
index d8ecdb87cb0f4c79442c0af183031738472312f4..506a4cf1b6c257ab76177923a68a1c95fb321463 100644 (file)
--- a/docs/cypress/integration/components/pagination.spec.js
+++ b/docs/cypress/integration/components/pagination.spec.js
@@ -1,3 +1,5 @@
+import { setMobile, setTablet } from "../utils";
+
 describe("Components/Pagination", () => {
   beforeEach(() => {
     cy.visit("http://127.0.0.1:4000/cyp/components/pagination/");
@@ -79,10 +81,7 @@ describe("Components/Pagination", () => {
 describe("Components/Pagination Mobile", () => {
   beforeEach(() => {
     cy.visit("http://127.0.0.1:4000/cyp/components/pagination/");
-    cy.viewport(
-      Cypress.env("viewports").mobile[0],
-      Cypress.env("viewports").mobile[1]
-    );
+    setMobile();
   });
 
   it("has a correct Pagination", () => {
@@ -113,10 +112,7 @@ describe("Components/Pagination Mobile", () => {
 describe("Components/Navbar Tablet", () => {
   beforeEach(() => {
     cy.visit("http://127.0.0.1:4000/cyp/components/pagination/");
-    cy.viewport(
-      Cypress.env("viewports").tablet[0],
-      Cypress.env("viewports").tablet[1]
-    );
+    setTablet();
   });
 
   it("has a correct Pagination", () => {

diff --git a/docs/cypress/integration/elements/container.spec.js b/docs/cypress/integration/elements/container.spec.js
index 1f963db5a64c66efa6372ef8d6667f40fedebf7b..dbdc6798ffd071d5991e18a121f2bf1d66153159 100644 (file)
--- a/docs/cypress/integration/elements/container.spec.js
+++ b/docs/cypress/integration/elements/container.spec.js
@@ -1,3 +1,5 @@
+import { setMobile, setDesktop } from "../utils";
+
 describe("Elements/Container", () => {
   beforeEach(() => {
     cy.visit("http://127.0.0.1:4000/cyp/elements/container/");
@@ -8,10 +10,7 @@ describe("Elements/Container", () => {
   });
 
   it("has fullwidth mobile Containers", () => {
-    cy.viewport(
-      Cypress.env("viewports").mobile[0],
-      Cypress.env("viewports").mobile[1]
-    );
+    setMobile();
 
     let viewport;
 
@@ -45,10 +44,7 @@ describe("Elements/Container", () => {
   });
 
   it("has centered desktop Containers", () => {
-    cy.viewport(
-      Cypress.env("viewports").desktop[0],
-      Cypress.env("viewports").desktop[1]
-    );
+    setDesktop();
 
     let viewport;
 
@@ -77,10 +73,7 @@ describe("Elements/Container", () => {
   });
 
   it("has centered widescreen Containers", () => {
-    cy.viewport(
-      Cypress.env("viewports").widescreen[0],
-      Cypress.env("viewports").widescreen[1]
-    );
+    setWidescreen();
 
     let viewport;
 
@@ -114,10 +107,7 @@ describe("Elements/Container", () => {
   });
 
   it("has centered fullhd Containers", () => {
-    cy.viewport(
-      Cypress.env("viewports").fullhd[0],
-      Cypress.env("viewports").fullhd[1]
-    );
+    setFullHD();
 
     cy.get("#container").then(($) => {
       const cs = window.getComputedStyle($[0]);

diff --git a/docs/cypress/integration/utils.js b/docs/cypress/integration/utils.js
new file mode 100644 (file)
index 0000000..86a26a7
--- /dev/null
+++ b/docs/cypress/integration/utils.js
@@ -0,0 +1,34 @@
+export const setMobile = () => {
+  cy.viewport(
+    Cypress.env("viewports").mobile[0],
+    Cypress.env("viewports").mobile[1]
+  );
+};
+
+export const setTablet = () => {
+  cy.viewport(
+    Cypress.env("viewports").tablet[0],
+    Cypress.env("viewports").tablet[1]
+  );
+};
+
+export const setDesktop = () => {
+  cy.viewport(
+    Cypress.env("viewports").desktop[0],
+    Cypress.env("viewports").desktop[1]
+  );
+};
+
+export const setWidescreen = () => {
+  cy.viewport(
+    Cypress.env("viewports").widescreen[0],
+    Cypress.env("viewports").widescreen[1]
+  );
+};
+
+export const setFullHD = () => {
+  cy.viewport(
+    Cypress.env("viewports").fullhd[0],
+    Cypress.env("viewports").fullhd[1]
+  );
+};