From: Jeremy Thomas <bbxdesign@gmail.com>
Date: Fri, 12 Nov 2021 22:59:02 +0000 (+0000)
Subject: Add utils
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=2a4ba6becd30df8b7a0d5e9ff7568d02670c6ff0;p=thirdparty%2Fbulma.git

Add utils
---

diff --git a/docs/cypress/integration/components/navbar.spec.js b/docs/cypress/integration/components/navbar.spec.js
index 30273a4ec..3f1186610 100644
--- 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 d8ecdb87c..506a4cf1b 100644
--- 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 1f963db5a..dbdc6798f 100644
--- 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
index 000000000..86a26a706
--- /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]
+  );
+};