Dev/e2e

.editorconfig

@@ -0,0 +1,6 @@
+[*.js]
+charset = utf-8
+insert_final_newline = true
+end_of_line = lf
+indent_style = tab
+indent_size = 4

.github/workflows/create-build-zip.yml

@@ -19,17 +19,10 @@ jobs:
     steps:
       - name: Check out source files
         uses: actions/checkout@v4
-      - name: Get Composer Cache Directory
-        id: composer-cache
-        run: |
-          echo "::set-output name=dir::$(composer config cache-files-dir)"
-      - name: Configure Composer cache
-        uses: actions/cache@v1
+      - uses: actions/setup-node@v4
         with:
-          path: ${{ steps.composer-cache.outputs.dir }}
-          key: ${{ runner.os }}-composer-${{ hashFiles('**/composer.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-composer-
+          node-version: "18"
+          cache: "yarn"
       - name: Install composer deps
         run: composer install --no-dev --prefer-dist --no-progress --no-suggest
       - name: Install yarn deps

.github/workflows/create-tag.yml

@@ -10,25 +10,16 @@ jobs:
     if: "! contains(github.event.head_commit.message, '[skip ci]')"
     strategy:
       matrix:
-        node-version: [14.x]
+        node-version: [18.x]
     steps:
       - uses: actions/checkout@master
         with:
           persist-credentials: false
       - name: Build files using ${{ matrix.node-version }}
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "::set-output name=dir::$(yarn cache dir)"
-      - uses: actions/cache@v2
-        id: yarn-cache
-        with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-
+          cache: "yarn"
       - name: Release new version
         id: release
         run: |

.github/workflows/deploy-s3-store.yml

@@ -10,20 +10,11 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@master
-      - name: Setup node 14
-        uses: actions/setup-node@v1
+      - name: Setup node 18
+        uses: actions/setup-node@v4
         with:
-          node-version: 14.x
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "::set-output name=dir::$(yarn cache dir)"
-      - uses: actions/cache@v2
-        id: yarn-cache
-        with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-
+          node-version: 18.x
+          cache: "yarn"
       - name: Build & create dist/artifact
         run: |
           yarn install --frozen-lockfile
@@ -38,8 +29,8 @@ jobs:
           AWS_S3_BUCKET: ${{ secrets.AWS_S3_BUCKET_DOWNLOADS }}
           AWS_ACCESS_KEY_ID: ${{ secrets.S3_DOWNLOADS_AWS_ACCESS_KEY_ID }}
           AWS_SECRET_ACCESS_KEY: ${{ secrets.S3_DOWNLOADS_AWS_SECRET_ACCESS_KEY }}
-          AWS_REGION: 'us-west-1'     # optional: defaults to us-east-1
-          SOURCE_DIR: 'artifact'      # optional: defaults to entire repository
+          AWS_REGION: "us-west-1" # optional: defaults to us-east-1
+          SOURCE_DIR: "artifact" # optional: defaults to entire repository
           DEST_DIR: ${{ secrets.S3_AWS_PRODUCTS_FOLDER }}/$BUILD_NAME/latest
       - name: Upload Tagged Version to S3
         uses: jakejarvis/s3-sync-action@master
@@ -49,8 +40,8 @@ jobs:
           AWS_S3_BUCKET: ${{ secrets.AWS_S3_BUCKET_DOWNLOADS }}
           AWS_ACCESS_KEY_ID: ${{ secrets.S3_DOWNLOADS_AWS_ACCESS_KEY_ID }}
           AWS_SECRET_ACCESS_KEY: ${{ secrets.S3_DOWNLOADS_AWS_SECRET_ACCESS_KEY }}
-          AWS_REGION: 'us-west-1'     # optional: defaults to us-east-1
-          SOURCE_DIR: 'artifact'      # optional: defaults to entire repository
+          AWS_REGION: "us-west-1" # optional: defaults to us-east-1
+          SOURCE_DIR: "artifact" # optional: defaults to entire repository
           DEST_DIR: ${{ secrets.S3_AWS_PRODUCTS_FOLDER }}/$BUILD_NAME/$BUILD_VERSION
       - name: Send update to the store
         env:
@@ -59,4 +50,4 @@ jobs:
           STORE_URL: ${{ secrets.THEMEISLE_STORE_URL }}
           GITHUB_TOKEN: ${{ secrets.BOT_TOKEN }}
           BUILD_VERSION: ${{ env.BUILD_VERSION }}
-        uses: Codeinwp/action-store-release@main
+        uses: Codeinwp/action-store-release@main

.github/workflows/e2e.yml

@@ -0,0 +1,46 @@
+name: E2E Test
+
+on:
+  push:
+    branches-ignore: master
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.event_name == 'pull_request' && github.head_ref || github.ref }}
+  cancel-in-progress: true
+jobs:
+  e2e:
+    name: Playwright E2E tests
+    strategy:
+      fail-fast: false
+    runs-on: ubuntu-22.04
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "18"
+          cache: "yarn"
+      - name: Install NPM deps
+        run: |
+          yarn install --frozen-lockfile
+          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 wp-env start
+      - name: Prepare Database
+        run: bash ./bin/e2e-after-setup.sh
+      - name: Run the tests
+        run: |
+          npm run test:e2e
+        env:
+          GITHUB_TOKEN: ${{ secrets.BOT_TOKEN }}
+      - name: Archive test results
+        if: failure()
+        uses: actions/upload-artifact@v4
+        with:
+          name: e2e-playwright-results
+          path: artifacts
+          retention-days: 1
+          if-no-files-found: ignore

.github/workflows/test-php.yml

@@ -3,7 +3,7 @@ name: Test PHP
 on:
   push:
     branches-ignore:
-      - 'master'
+      - "master"
 
 jobs:
   phpunit:
@@ -21,26 +21,15 @@ jobs:
       - name: Setup PHP version
         uses: shivammathur/setup-php@v2
         with:
-          php-version: '7.2'
+          php-version: "7.2"
           extensions: simplexml, mysql
           tools: phpunit-polyfills
       - name: Checkout source code
         uses: actions/checkout@v2
       - name: Install WordPress Test Suite
         run: |
           bash bin/install-wp-tests.sh wordpress_test root root 127.0.0.1:${{ job.services.mysql.ports['3306'] }}
-      - name: Get Composer Cache Directory
-        id: composer-cache
-        run: |
-          echo "::set-output name=dir::$(composer config cache-files-dir)"
-      - name: Setup Composer cache
-        uses: actions/cache@v1
-        with:
-          path: ${{ steps.composer-cache.outputs.dir }}
-          key: ${{ runner.os }}-composer-${{ hashFiles('**/composer.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-composer-
       - name: Install composer
         run: composer install --prefer-dist --no-progress --no-suggest
       - name: Run phpunit
-        run: phpunit
+        run: phpunit

.gitignore

@@ -6,4 +6,5 @@ artifact
 dist
 vendor
 languages/woocommerce-product-addon.pot
-*.log
+*.log
+artifacts

.wp-env.json

@@ -0,0 +1,7 @@
+{
+    "plugins": [
+        "https://downloads.wordpress.org/plugin/woocommerce.9.3.3.zip",
+        "."
+    ],
+    "phpVersion": "8.1"
+}