run cypress in docker (#1390)

Author: eike-hass

.github/workflows/build-and-test-grpc.yml

@@ -38,4 +38,4 @@ jobs:
         context: .
         file: bindings/grpc/Dockerfile
         push: false
-        labels: iotaledger/identity-grpc:latest
+        tags: iotaledger/identity-grpc:latest

.github/workflows/build-and-test.yml

@@ -204,9 +204,105 @@ jobs:
         uses: './.github/actions/iota-sandbox/setup'
 
       - name: Run Wasm examples
-        run: npm run test:examples
+        run: npm run test:readme && npm run test:node
         working-directory: bindings/wasm
 
       - name: Tear down iota sandbox
         if: always()
         uses: './.github/actions/iota-sandbox/tear-down'
+
+  test-wasm-firefox:
+    needs: build-wasm
+    if: ${{ needs.check-for-run-condition.outputs.should-run == 'true' }}
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        os: [ ubuntu-latest ]
+        include:
+          - os: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v1
+        with:
+          node-version: 16.x
+  
+      - name: Install JS dependencies
+        run: npm ci
+        working-directory: bindings/wasm
+
+      - name: Download bindings/wasm artifacts
+        uses: actions/download-artifact@v2
+        with:
+          name: identity-wasm-bindings-build
+          path: bindings/wasm
+
+      - name: Start iota sandbox
+        uses: './.github/actions/iota-sandbox/setup'
+
+      - name: Build Docker image
+        uses: docker/[email protected]
+        with:
+          context: bindings/wasm/
+          file: bindings/wasm/cypress/Dockerfile
+          push: false
+          tags: cypress-test:latest
+          load: true
+
+      - name: Run cypress
+        run: docker run --network host cypress-test test:browser:firefox
+
+      - name: Tear down iota sandbox
+        if: always()
+        uses: './.github/actions/iota-sandbox/tear-down'
+
+  test-wasm-chrome:
+    needs: build-wasm
+    if: ${{ needs.check-for-run-condition.outputs.should-run == 'true' }}
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        os: [ ubuntu-latest ]
+        include:
+          - os: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v1
+        with:
+          node-version: 16.x
+
+      - name: Install JS dependencies
+        run: npm ci
+        working-directory: bindings/wasm
+
+      - name: Download bindings/wasm artifacts
+        uses: actions/download-artifact@v2
+        with:
+          name: identity-wasm-bindings-build
+          path: bindings/wasm
+
+      - name: Start iota sandbox
+        uses: './.github/actions/iota-sandbox/setup'
+
+      - name: Build Docker image
+        uses: docker/[email protected]
+        with:
+          context: bindings/wasm/
+          file: bindings/wasm/cypress/Dockerfile
+          push: false
+          tags: cypress-test:latest
+          load: true
+
+      - name: Run cypress
+        run: docker run --network host cypress-test test:browser:parallel:chrome
+
+      - name: Tear down iota sandbox
+        if: always()
+        uses: './.github/actions/iota-sandbox/tear-down'

bindings/wasm/.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+target

bindings/wasm/cypress.config.ts

@@ -10,5 +10,17 @@ export default defineConfig({
     },
     e2e: {
         supportFile: false,
+        // Fix to make subtle crypto work in cypress firefox
+        // https://github.com/cypress-io/cypress/issues/18217
+        setupNodeEvents(on, config) {
+            on("before:browser:launch", (browser, launchOptions) => {
+                if (browser.family === "firefox") {
+                    launchOptions.preferences[
+                        "network.proxy.testing_localhost_is_secure_when_hijacked"
+                    ] = true;
+                }
+                return launchOptions;
+            });
+        },
     },
 });

bindings/wasm/cypress/Dockerfile

@@ -0,0 +1,11 @@
+FROM cypress/browsers:latest
+
+COPY ./ /e2e
+
+WORKDIR /e2e
+
+RUN npm ci
+
+RUN npm run build:examples:web
+
+ENTRYPOINT [ "npm", "run" ]