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/cyp/layout/hero.html

@@ -0,0 +1,56 @@
+---
+layout: cypress
+title: Layout/Hero
+---
+
+{% capture content %}
+  <div class="hero-body">
+    <p class="title">
+      Hero title
+    </p>
+    <p class="subtitle">
+      Hero subtitle
+    </p>
+  </div>
+{% endcapture %}
+
+<section id="hero" class="hero">
+  {{ content }}
+</section>
+
+{% for color in site.data.colors.justColors %}
+  <section id="hero-{{ color }}" class="hero is-{{ color }}">
+    {{ content }}
+  </section>
+{% endfor %}
+
+<section id="hero-small" class="hero is-small">
+  {{ content }}
+</section>
+
+<section id="hero-medium" class="hero is-medium">
+  {{ content }}
+</section>
+
+<section id="hero-large" class="hero is-large">
+  {{ content }}
+</section>
+
+<section id="hero-halfheight" class="hero is-halfheight">
+  {{ content }}
+</section>
+
+<section id="hero-fullheight" class="hero is-fullheight">
+  {{ content }}
+</section>
+
+<section id="hero-with-container" class="hero is-halfheight">
+  <div class="container">
+    {{ content }}
+  </div>
+</section>
+
+<div id="hero-buttons" class="hero-buttons"></div>
+<div id="hero-head" class="hero-head"></div>
+<div id="hero-foot" class="hero-foot"></div>
+<div id="hero-body" class="hero-body"></div>