Merge pull request #362 from wearebraid/release/2.5.0

Release/2.5.0

Author: justin-schroeder

.gitignore

@@ -4,3 +4,5 @@ coverage
 .DS_Store
 .vscode
 .idea
+test/cypress/videos
+test/cypress/screenshots

.travis.yml

@@ -1,4 +1,12 @@
 language: node_js
 node_js:
-  - "node"
-  - "11"
+  - "12"
+cache:
+  npm: true
+  directories:
+    - ~/.cache
+install:
+  - npm ci
+script:
+  - npm run test
+  - npm run cypress:ci

build/cypress.sh

@@ -0,0 +1,24 @@
+#!/bin/bash
+pids=( $! )
+
+# Start the nuxt server
+npm run dev &
+pids+=( $! )
+
+# Run the cypress tests
+echo "⏳ Waiting for server to boot..."
+npx wait-on http://localhost:7872
+echo "✅ Server booted."
+echo "Running cypress tests..."
+
+npx cypress run --record --key $CYPRESS_KEY
+# Store the exit code for later
+status=$?
+
+# Shutdown all background jobs
+for pid in ${pids[@]}; do
+  echo "Shutting down process $pid"
+  kill $pid
+done
+# Shutdown with the status of our tests
+exit $status

cypress.json

@@ -0,0 +1,9 @@
+{
+  "projectId": "asfe8p",
+  "fixturesFolder": "test/cypress/fixtures",
+  "integrationFolder": "test/cypress/integration",
+  "screenshotsFolder": "test/cypress/screenshots",
+  "pluginsFolder": "test/cypress/plugins",
+  "videosFolder": "test/cypress/videos",
+  "supportFile": "test/cypress/support"
+}

cypress/plugins/index.js

@@ -0,0 +1,21 @@
+/// <reference types="cypress" />
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+/**
+ * @type {Cypress.PluginConfig}
+ */
+module.exports = (on, config) => {
+  // `on` is used to hook into various events Cypress emits
+  // `config` is the resolved Cypress config
+}

dist/formulate.esm.js

@@ -212,6 +212,9 @@
     .formulate-input[data-classification='button'] button[disabled] {
       background-color: #cecece;
       border-color: #cecece; }
+      .formulate-input[data-classification='button'] button[disabled]:active {
+        background-color: #cecece;
+        border-color: #cecece; }
     .formulate-input[data-classification='button'] button[data-ghost] {
       color: #41b883;
       background-color: transparent;
@@ -355,6 +358,9 @@
         transition: background-color .2s;
         overflow: hidden;
         text-indent: -1000px; }
+        .formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable-remove[data-disabled] {
+          opacity: .2;
+          pointer-events: none; }
         .formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable-remove::before, .formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable-remove::after {
           content: '';
           position: absolute;
@@ -435,6 +441,26 @@
     list-style-type: none;
     margin: 0;
     padding: 0; }
+    .formulate-input[data-classification="file"] .formulate-files .formulate-file-add {
+      appearance: none;
+      display: block;
+      min-width: 75px;
+      border: 1px solid #41b883;
+      color: #41b883;
+      padding: 5px;
+      border-radius: 5px;
+      text-align: center;
+      position: relative;
+      font-size: 13px;
+      background-color: transparent;
+      cursor: pointer;
+      margin: .5em 0; }
+      .formulate-input[data-classification="file"] .formulate-files .formulate-file-add input {
+        position: absolute;
+        display: block;
+        cursor: pointer; }
+        .formulate-input[data-classification="file"] .formulate-files .formulate-file-add input::-webkit-file-upload-button {
+          display: none; }
     .formulate-input[data-classification="file"] .formulate-files .formulate-file-progress {
       background-color: #cecece;
       height: .3em;