Merge branch 'main' into fix/351

Author: ColinFrick

.github/workflows/cypress-run.yml

@@ -2,31 +2,37 @@ name: cypress-run
 on: push
 jobs:
   cypress-run:
-      runs-on: ubuntu-latest
-      # Browser on which the tests are run
-      container: cypress/browsers:node12.18.3-chrome87-ff82
-      steps:
-        - name: Checkout
-          uses: actions/checkout@v2
-        - name: Setup node
-          uses: actions/setup-node@v1
-          with:
-            node-version: '12.x'
-        - name: Install dependencies
-          run: yarn
-        - name: Browser tests
-          uses: cypress-io/github-action@v2
-          with:
-            # Your starting script
-            start: yarn start:test-headless
-        # Creates and uploads GitHub artifacts in case of failure
-        - uses: actions/upload-artifact@v1
-          if: failure()
-          with:
-            name: cypress-screenshots
-            path: cypress/screenshots
-        - uses: actions/upload-artifact@v1
-          if: failure()
-          with:
-            name: cypress-videos
-            path: cypress/videos
+    runs-on: ubuntu-latest
+    # Browser on which the tests are run
+    container: cypress/browsers:node12.18.3-chrome87-ff82
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Cache dependencies
+        uses: actions/cache@v2
+        with:
+          path: |
+            ./node_modules
+          key: ${{ hashFiles('yarn.lock') }}
+      - name: Setup node
+        uses: actions/setup-node@v1
+        with:
+          node-version: "16.x"
+      - name: Install dependencies
+        run: yarn --dev && yarn --cwd ./playgrounds/html
+      - name: Browser tests
+        uses: cypress-io/github-action@v2
+        with:
+          # Your starting script
+          start: yarn playground
+      # Creates and uploads GitHub artifacts in case of failure
+      - uses: actions/upload-artifact@v1
+        if: failure()
+        with:
+          name: cypress-screenshots
+          path: cypress/screenshots
+      - uses: actions/upload-artifact@v2
+        if: failure()
+        with:
+          name: cypress-videos
+          path: cypress/videos

CONTRIBUTING.md

@@ -81,6 +81,8 @@ Each PR should pass the tests and the linter to be accepted.
 yarn test
 # With auto-reload
 yarn test:watch
+# End-to-end tests
+yarn test:e2e
 # Linter
 yarn lint
 # Linter with auto-correct

package.json

@@ -22,8 +22,8 @@
     "lint:fix": "eslint --fix .",
     "test": "./scripts/test",
     "test:watch": "./scripts/test-watch",
-    "start:test": "concurrently --kill-others -s first \"yarn playground\" \"cypress open\"",
-    "start:test-headless": "concurrently --kill-others -s first \"yarn playground\" \"cypress run\""
+    "test:e2e:watch": "concurrently --kill-others -s first \"yarn playground\" \"cypress open\"",
+    "test:e2e": "concurrently --kill-others -s first \"yarn playground\" \"cypress run\""
   },
   "files": [
     "dist/"