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/form/file.html

@@ -0,0 +1,71 @@
+---
+layout: cypress
+title: Form/File
+---
+
+{% capture content %}
+  <label class="file-label">
+    <input class="file-input" type="file" name="resume">
+    <span class="file-cta">
+      <span class="file-icon">
+        <i class="fas fa-upload"></i>
+      </span>
+      <span class="file-label">
+        Choose a file…
+      </span>
+    </span>
+  </label>
+{% endcapture %}
+
+{% capture content_with_name %}
+  <label class="file-label">
+    <input class="file-input" type="file" name="resume">
+    <span class="file-cta">
+      <span class="file-icon">
+        <i class="fas fa-upload"></i>
+      </span>
+      <span class="file-label">
+        Choose a file…
+      </span>
+    </span>
+    <span class="file-name">
+      Screen Shot 2017-07-29 at 15.54.25.png
+    </span>
+  </label>
+{% endcapture %}
+
+<div id="file" class="file">
+  {{ content }}
+</div>
+
+{% for color in site.data.colors.justColors %}
+  <div id="file-{{ color }}" class="file is-{{ color }}">
+    {{ content }}
+  </div>
+{% endfor %}
+
+{% for size in site.data.sizes %}
+  <div id="file-{{ size }}" class="file is-{{ size }}">
+    {{ content }}
+  </div>
+{% endfor %}
+
+<div id="file-with-name" class="file has-name">
+  {{ content_with_name }}
+</div>
+
+<div id="file-boxed" class="file is-boxed">
+  {{ content_with_name }}
+</div>
+
+<div id="file-centered" class="file is-centered">
+  {{ content_with_name }}
+</div>
+
+<div id="file-right" class="file is-right">
+  {{ content_with_name }}
+</div>
+
+<div id="file-fullwidth" class="file is-fullwidth">
+  {{ content_with_name }}
+</div>