E2E testing with Cypress

.eslintrc.json

@@ -1,7 +1,14 @@
 {
   "globals": {
-	"wp": "readable",
-	"jQuery": "readable"
+    "wp": "readonly",
+    "jQuery": "readonly",
+    "describe": "readonly",
+    "before": "readonly",
+    "beforeEach": "readonly",
+    "expect": "readonly",
+    "it": "readonly",
+    "Cypress": "readonly",
+    "cy": "readonly"
   },
   "extends": "@10up/eslint-config"
 }

.github/workflows/cypress.yml

@@ -0,0 +1,54 @@
+name: E2E test
+
+on:
+  push:
+    branches:
+      - develop
+      - trunk
+  pull_request:
+    branches:
+      - develop
+jobs:
+  cypress:
+    name: ${{ matrix.core.name }}
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        core:
+          - {name: 'WP latest', version: 'latest'}
+          - {name: 'WP minimum', version: 'WordPress/WordPress#5.2'}
+          - {name: 'WP trunk', version: 'WordPress/WordPress#master'}
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v2
+
+    - name: Install dependencies
+      run: npm install
+
+    - name: Composer (optional)
+      run: composer update -W
+      continue-on-error: true
+
+    - name: Build (optional)
+      run: npm run build
+      continue-on-error: true
+
+    - name: Set the core version
+      run: ./tests/bin/set-core-version.js ${{ matrix.core.version }}
+
+    - name: Set up WP environment
+      run: npm run env:start
+
+    - name: Test
+      run: npm run cypress:run
+
+    - name: Upload artifacts
+      uses: actions/upload-artifact@v2
+      if: failure()
+      with:
+        name: cypress-artifact-classifai
+        retention-days: 7
+        path: |
+          ${{ github.workspace }}/tests/cypress/screenshots/
+          ${{ github.workspace }}/tests/cypress/videos/
+          ${{ github.workspace }}/tests/cypress/logs/

.github/workflows/test.yml

@@ -12,29 +12,6 @@ on:
       - develop
 
 jobs:
-  wpa:
-    runs-on: ubuntu-latest
-
-    steps:
-    - name: Checkout
-      uses: actions/checkout@v2
-
-    - name: Set PHP version
-      uses: shivammathur/setup-php@v2
-      with:
-        php-version: '7.4'
-        coverage: none
-        tools: composer:v1
-
-    - name: Install dependencies
-      run: composer install
-
-    - name: Setup WP Snapshots
-      run: ./vendor/bin/wpsnapshots configure 10up --aws_key=${{ secrets.AWS_ACCESS_KEY_ID }} --aws_secret=${{ secrets.AWS_SECRET_ACCESS_KEY }} --user_name=wp-acceptance --user_email=travis@10up.com
-
-    - name: Test
-      run: ./vendor/bin/wpacceptance run
-
   phpunit:
     runs-on: ubuntu-latest
 

.gitignore

@@ -42,3 +42,9 @@ Thumbs.db
 Desktop.ini
 
 config.local.php
+
+# cypress.
+tests/cypress/downloads
+tests/cypress/screenshots
+tests/cypress/videos
+.wp-env.override.json

.wp-env.json

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

composer.json

@@ -24,8 +24,12 @@
   "require-dev": {
     "phpunit/phpunit": "^7.5",
     "10up/phpcs-composer": "dev-master",
-    "10up/wpacceptance": "dev-master",
     "yoast/phpunit-polyfills": "^1.0.0"
   },
-  "minimum-stability": "dev"
+  "minimum-stability": "dev",
+  "config": {
+    "allow-plugins": {
+      "dealerdirect/phpcodesniffer-composer-installer": true
+    }
+  }
 }