Setup cypress (#3436)

* Setup Cypress tests for box and button

* Add container tests

* Add Cypress workflow

* Use npm install

* Update Cypress workflow

* Add Jekyll build

* Test other action

* Test custom setup

* Use other ruby action

* Test without flag

* Move cypress to docs folder

* Record runs

* Add Content, Icon, Image specs

* Add Notification specs

* Add Progress and Table specs

* Add Tags specs

* Add Title specs

* Add breadcrumb specs

* Add more specs

* Add media specs

* Add menu specs

* Add modal specs

* Add navbar specs

* Add pagination specs

* Add panel specs

* Add tabs specs, Add form checkbox radio specs

* Add utils

* Add file specs

* Add input textarea specs

* Add select specs

* Add form tools specs

* Add other elements specs

* Add footer and hero specs

* Add Hero specs

* Add section specs

* Add grid specs

* Add column sizes specs

* Add tiles specs

* Add generic specs

* Fix generic tests

* Make font family test looser

* Remove system-ui test

* Remove important flag

* Fix disabled select color

docs/cypress/integration/elements/progress.spec.js

@@ -0,0 +1,38 @@
+describe("Elements/Progress", () => {
+  beforeEach(() => {
+    cy.visit("http://127.0.0.1:4000/cyp/elements/progress/");
+  });
+
+  it("has a Progress element", () => {
+    cy.get("#progress").should("exist");
+  });
+
+  it("has a correct Progress", () => {
+    cy.get("#progress").then(($) => {
+      const cs = window.getComputedStyle($[0]);
+      expect(cs.height).to.equal(`${Cypress.env("sizes").normal}px`);
+    });
+  });
+
+  it("has correct Progress sizes", () => {
+    cy.get("#progress-small").then(($) => {
+      const cs = window.getComputedStyle($[0]);
+      expect(cs.height).to.equal(`${Cypress.env("sizes").small}px`);
+    });
+
+    cy.get("#progress-normal").then(($) => {
+      const cs = window.getComputedStyle($[0]);
+      expect(cs.height).to.equal(`${Cypress.env("sizes").normal}px`);
+    });
+
+    cy.get("#progress-medium").then(($) => {
+      const cs = window.getComputedStyle($[0]);
+      expect(cs.height).to.equal(`${Cypress.env("sizes").medium}px`);
+    });
+
+    cy.get("#progress-large").then(($) => {
+      const cs = window.getComputedStyle($[0]);
+      expect(cs.height).to.equal(`${Cypress.env("sizes").large}px`);
+    });
+  });
+});