dev: run all tests in cypress

.github/workflows/validating.yml

@@ -24,15 +24,12 @@ jobs:
       - name: Build
         run: yarn run build
 
-      - name: Run test
-        run: yarn run test
-
       - uses: cypress-io/github-action@v6
         with:
           install-command : yarn install --immutable --immutable-cache
           # fix issue with "Cannot find module 'cypress'"
           # https://github.com/cypress-io/github-action/issues/430#issuecomment-949936528
-          command: yarn test:e2e
+          command: yarn run test
           start: yarn start-test-server
           wait-on: "http://localhost:8888"
           wait-on-timeout: 5

.gitignore

@@ -9,6 +9,8 @@ _config.yaml
 dist
 .parcel-cache
 
+cypress/screenshots/
+
 # The GitLab pages artifacts
 public
 

cypress.config.js

@@ -2,11 +2,10 @@ const { defineConfig } = require('cypress')
 
 module.exports = defineConfig({
   e2e: {
-    // We've imported your old cypress plugins here.
-    // You may want to clean this up later by importing these.
-    setupNodeEvents(on, config) {
-      return require('./cypress/plugins/index.js')(on, config)
-    },
     baseUrl: 'http://localhost:8888',
+     specPattern: [
+      "cypress/e2e/**/*.cy.{js,jsx,ts,tsx}",
+      "cypress/unit/**/*.cy.{js,jsx,ts,tsx}",
+    ],
   },
 })

cypress/e2e/1-basic/zero_configuration.cy.js

@@ -14,9 +14,7 @@ describe("Dropzone with zero configuration", () => {
 
     cy.wait("@upload").then((interception) => {
       expect(interception.response.statusCode).to.eq(200);
-      expect(interception.response.body).to.deep.eq({
-        success: true,
-      });
+      expect(interception.response.body).to.deep.eq({ success: true });
     });
   });
 
@@ -25,13 +23,17 @@ describe("Dropzone with zero configuration", () => {
 
     cy.get(".dropzone")
       .selectFile("cypress/fixtures/image.jpg", { action: "drag-drop" })
-      .selectFile("cypress/fixtures/image.tiff", { action: "drag-drop" })
+      .selectFile("cypress/fixtures/image.tiff", { action: "drag-drop" });
 
+    // wait for BOTH uploads
     cy.wait("@upload").then((interception) => {
       expect(interception.response.statusCode).to.eq(200);
-      expect(interception.response.body).to.deep.eq({
-        success: true,
-      });
+      expect(interception.response.body).to.deep.eq({ success: true });
+    });
+
+    cy.wait("@upload").then((interception) => {
+      expect(interception.response.statusCode).to.eq(200);
+      expect(interception.response.body).to.deep.eq({ success: true });
     });
   });
 });

cypress/support/index.js

@@ -0,0 +1,16 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+globalThis.sleep = (delay) =>
+  new Promise((resolve) => setTimeout(resolve, delay));

cypress/support/unit.js

@@ -0,0 +1,14 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************