Merge pull request #1094 from Codeinwp/dev/playwright-migration

[Rock] Add playwright

Author: Soare-Robert-Daniel

.distignore

@@ -27,3 +27,4 @@ cypress.json
 .releaserc.yml
 docker-compose.ci.yml
 CONTRIBUTING.md
+artifacts

.github/workflows/test-e2e.yml

@@ -9,19 +9,17 @@ concurrency:
   cancel-in-progress: true
 jobs:
   e2e:
-    name: E2E for ${{ matrix.env }}
+    name: Playwright E2E tests
     env:
       DOCKER_FILE: docker-compose.ci.yml
     strategy:
       fail-fast: false
-      matrix:
-          env: ["default","gutenberg", "gutenberg-datatable"]
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '14'
+          node-version: "18"
       - uses: actions/cache@v2
         id: npm-and-build-cache
         with:
@@ -32,20 +30,25 @@ jobs:
           restore-keys: |
             ${{ runner.os }}-node-
       - name: Install npm deps
-        run: npm ci
+        run: |
+          npm ci
+          npm install -g playwright-cli
+          npx playwright install --with-deps chromium
       - name: Install composer deps
         run: composer install --no-dev
       - name: Install environment
         run: |
-          npm run up:ci
-          bash ./bin/run-e2e-tests-${{matrix.env}}.sh
-      - name: Run ${{ matrix.env }} Cypress tests
+          npm run env:up
+      - name: Run the tests
+        run: |
+          npm run test:e2e:playwright
         env:
           GITHUB_TOKEN: ${{ secrets.BOT_TOKEN }}
-        uses: cypress-io/github-action@v2
+      - name: Archive test results
+        if: failure()
+        uses: actions/upload-artifact@v4
         with:
-          env: host=localhost,port=8080
-          browser: chrome
-          install: ${{ ! steps.npm-and-build-cache.outputs.cache-hit }}
-          headless: true
-          spec: cypress/integration/${{ matrix.env }}/**/*
+          name: e2e-playwright-results
+          path: artifacts
+          retention-days: 1
+          if-no-files-found: ignore

.gitignore

@@ -11,3 +11,4 @@ cypress.env.json
 .DS_Store
 /cypress/videos/
 /cypress/screenshots/
+artifacts

bin/cli-setup.sh

@@ -1,13 +1,14 @@
 
 # install WP
-wp  --allow-root core install --url="http://localhost:8080" --admin_user="wordpress" --admin_password="wordpress" --admin_email="[email protected]" --title="test" --skip-email
+wp  --allow-root core install --url="http://localhost:8889" --admin_user="admin" --admin_password="password" --admin_email="[email protected]" --title="test" --skip-email
 mkdir -p /var/www/html/wp-content/uploads
 chmod -R 777 /var/www/html/wp-content/uploads/*
-wp  --allow-root  plugin install classic-editor --activate
+wp  --allow-root  plugin install classic-editor
+wp  --allow-root  theme install twentytwentyone
 
 # activate
 wp  --allow-root plugin activate visualizer
-wp  --allow-root theme activate twentynineteen
+wp  --allow-root theme activate twentytwentyone
 
 # set this constant so that the specific hooks are loaded
 wp  --allow-root config set TI_CYPRESS_TESTING true --raw