Add E2E Tests

.github/workflows/cypress.yml

@@ -0,0 +1,74 @@
+name: E2E test
+
+on:
+  pull_request:
+    branches:
+      - develop
+
+jobs:
+  build:
+    uses: 10up/embed-block-figma/.github/workflows/build-release-zip.yml@develop
+
+  cypress:
+    needs: build
+    name: ${{ matrix.core.name }}
+    runs-on: ubuntu-latest
+    if: always()
+
+    strategy:
+      matrix:
+        core:
+          - {name: 'WP latest', version: 'latest'}
+          - {name: 'WP minimum', version: 'WordPress/WordPress#6.5'}
+          - {name: 'WP trunk', version: 'WordPress/WordPress#master'}
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v4
+
+    - name: Download built zip
+      uses: actions/download-artifact@v4
+      with:
+        name: ${{ github.event.repository.name }}
+        path: ${{ github.event.repository.name }}
+
+    - name: Display structure of downloaded files
+      run: ls -R
+      working-directory: ${{ github.event.repository.name }}
+
+    - name: Install node
+      uses: actions/setup-node@v4
+      with:
+        node-version-file: '.nvmrc'
+
+    - uses: actions/cache@v4
+      id: cache-node
+      with:
+        key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+        path: |
+          node_modules
+          ~/.cache
+          ~/.npm
+
+    - run: npm ci
+      if: ${{ steps.cache-node.outputs.cache-hit != 'true' }}
+
+    - name: Set the core version and plugins config
+      run: ./tests/bin/set-wp-config.js --core=${{ matrix.core.version }} --plugins=./${{ github.event.repository.name }},https://downloads.wordpress.org/plugin/classic-editor.zip
+
+    - name: Set up WP environment
+      run: npm run env:start
+
+    - name: Test
+      run: npm run cypress:run
+
+    - name: Upload artifacts
+      uses: actions/upload-artifact@v4
+      if: failure()
+      with:
+        name: cypress-artifact-embed-block-figma
+        retention-days: 2
+        path: |
+          ${{ github.workspace }}/tests/cypress/screenshots/
+          ${{ github.workspace }}/tests/cypress/videos/
+          ${{ github.workspace }}/tests/cypress/logs/

.gitignore

@@ -34,3 +34,9 @@ Thumbs.db
 Desktop.ini
 /debug.log
 /db.php
+
+# Tests
+tests/cypress/downloads
+tests/cypress/screenshots
+tests/cypress/videos
+tests/cypress/reports

.wp-env.json

@@ -0,0 +1,10 @@
+{
+  "plugins": ["."],
+  "env": {
+    "tests": {
+      "mappings": {
+        "wp-cli.yml": "./tests/bin/wp-cli.yml"
+      }
+    }
+  }
+}