DSW-3654: Deprecate wdio for playwright

.github/workflows/ci-nextjs-v14.yml

@@ -6,8 +6,7 @@ on:
     paths:
       - '.github/workflows/**'
       - 'nextjs-app-v14/**'
-      - 'webdriver-helpers/**'
-      - 'wdio.conf.js'
+      - 'playwright.percy.config.ts'
       - 'test/**'
       - 'playwright-helpers/**'
       - '.percy.yml'

.github/workflows/ci-nextjs-v15.yml

@@ -6,8 +6,7 @@ on:
     paths:
       - '.github/workflows/**'
       - 'nextjs-app-v15/**'
-      - 'webdriver-helpers/**'
-      - 'wdio.conf.js'
+      - 'playwright.percy.config.ts'
       - 'test/**'
       - 'playwright-helpers/**'
       - '.percy.yml'

.github/workflows/ci-nuxtjs.yml

@@ -6,8 +6,7 @@ on:
     paths:
       - '.github/workflows/**'
       - 'nuxt-app/**'
-      - 'webdriver-helpers/**'
-      - 'wdio.conf.js'
+      - 'playwright.percy.config.ts'
       - 'test/**'
       - 'playwright-helpers/**'
       - '.percy.yml'

.github/workflows/ci-vanilla.yml

@@ -6,8 +6,7 @@ on:
     paths:
       - '.github/workflows/**'
       - 'vanilla-app/**'
-      - 'webdriver-helpers/**'
-      - 'wdio.conf.js'
+      - 'playwright.percy.config.ts'
       - 'test/**'
       - 'playwright-helpers/**'
       - '.percy.yml'

browserstack.yml

@@ -0,0 +1,38 @@
+# =============================
+# BrowserStack Credentials
+# =============================
+# Set via environment variables BROWSERSTACK_USERNAME and BROWSERSTACK_ACCESS_KEY.
+userName: ${BROWSERSTACK_USERNAME}
+accessKey: ${BROWSERSTACK_ACCESS_KEY}
+
+# =============================
+# Reporting
+# =============================
+projectName: PIE Aperture
+buildName: PIE Aperture
+buildIdentifier: '#${BUILD_NUMBER}'
+
+# =============================
+# Parallelism
+# =============================
+parallelsPerPlatform: 1
+
+# =============================
+# BrowserStack Local
+# =============================
+# Set to true when testing against localhost (local dev only).
+# CI tests run against deployed Amplify URLs and do not require a local tunnel.
+browserstackLocal: false
+
+# =============================
+# Framework
+# =============================
+framework: playwright
+
+# =============================
+# Debugging
+# =============================
+testObservability: false
+debug: false
+networkLogs: false
+consoleLogs: errors

nextjs-app-v14/package.json

@@ -10,7 +10,7 @@
     "playwright:show-report": "npx playwright show-report ../playwright-reports/nextjs-app-v14-playwright-report",
     "test:ssr": "APP_NAME=nextjs-app-v14 npx playwright test -c ../playwright.config.ts --project=ssr",
     "test:system": "APP_NAME=nextjs-app-v14 npx playwright test -c ../playwright.config.ts --project=system",
-    "test:visual": "PERCY_TOKEN=${PERCY_TOKEN_PIE_APERTURE_NEXT_14} npx percy exec -- wdio run ./wdio.conf.js",
+    "test:visual": "APP_NAME=nextjs-app-v14 PERCY_TOKEN=${PERCY_TOKEN_PIE_APERTURE_NEXT_14} npx percy exec -- npx browserstack-node-sdk playwright test --config=../playwright.percy.config.ts",
     "test:visual:chromatic": "APP_NAME=nextjs-app-v14 npx playwright test -c ../playwright.config.ts --project=visual",
     "upgrade-pie-packages": "yarn npm-check-updates \"@justeattakeaway/pie-*\" -u"
   },
@@ -30,7 +30,6 @@
     "@types/node": "20.19.25",
     "@types/react": "18.3.27",
     "@types/react-dom": "18.3.7",
-    "deepmerge": "4.3.1",
     "eslint": "8.57.1",
     "eslint-config-next": "13.5.11",
     "npm-check-updates": "18.3.1",

nextjs-app-v14/test/visual/nextjs-percy.spec.js

@@ -0,0 +1,13 @@
+import percySnapshot from '@percy/playwright';
+import { test, expect } from '../../../test/playwright/browserstack/fixture.js';
+import { getPercyPages } from '../../../test/playwright/visual/percy-pages.js';
+import { definePercyVisualSuite } from '../../../test/playwright/visual/register-percy-suite.js';
+
+const { percyScreenshot } = percySnapshot;
+
+definePercyVisualSuite({
+    test,
+    expect,
+    percyScreenshot,
+    pages: getPercyPages('nextjs-app-v14'),
+});

nextjs-app-v15/package.json

@@ -10,7 +10,7 @@
     "playwright:show-report": "npx playwright show-report ../playwright-reports/nextjs-app-v15-playwright-report",
     "test:ssr": "APP_NAME=nextjs-app-v15 npx playwright test -c ../playwright.config.ts --project=ssr",
     "test:system": "APP_NAME=nextjs-app-v15 npx playwright test -c ../playwright.config.ts --project=system",
-    "test:visual": "PERCY_TOKEN=${PERCY_TOKEN_PIE_APERTURE_NEXT_15} npx percy exec -- wdio run ./wdio.conf.js",
+    "test:visual": "APP_NAME=nextjs-app-v15 PERCY_TOKEN=${PERCY_TOKEN_PIE_APERTURE_NEXT_15} npx percy exec -- npx browserstack-node-sdk playwright test --config=../playwright.percy.config.ts",
     "test:visual:chromatic": "APP_NAME=nextjs-app-v15 npx playwright test -c ../playwright.config.ts --project=visual",
     "upgrade-pie-packages": "yarn npm-check-updates \"@justeattakeaway/pie-*\" -u"
   },
@@ -31,7 +31,6 @@
     "@types/node": "20.19.25",
     "@types/react": "19.2.6",
     "@types/react-dom": "19.2.3",
-    "deepmerge": "4.3.1",
     "eslint": "9",
     "eslint-config-next": "15.5.3",
     "npm-check-updates": "18.1.0",

nextjs-app-v15/test/visual/nextjs-percy.spec.js

@@ -0,0 +1,13 @@
+import percySnapshot from '@percy/playwright';
+import { test, expect } from '../../../test/playwright/browserstack/fixture.js';
+import { getPercyPages } from '../../../test/playwright/visual/percy-pages.js';
+import { definePercyVisualSuite } from '../../../test/playwright/visual/register-percy-suite.js';
+
+const { percyScreenshot } = percySnapshot;
+
+definePercyVisualSuite({
+    test,
+    expect,
+    percyScreenshot,
+    pages: getPercyPages('nextjs-app-v15'),
+});

nuxt-app/package.json

@@ -10,12 +10,11 @@
     "postinstall": "nuxt prepare",
     "test:ssr": "APP_NAME=nuxt-app npx playwright test -c ../playwright.config.ts --project=ssr",
     "test:system": "APP_NAME=nuxt-app npx playwright test -c ../playwright.config.ts --project=system",
-    "test:visual": "PERCY_TOKEN=${PERCY_TOKEN_PIE_APERTURE_NUXT} npx percy exec -- wdio run ./wdio.conf.js",
+    "test:visual": "APP_NAME=nuxt-app PERCY_TOKEN=${PERCY_TOKEN_PIE_APERTURE_NUXT} npx percy exec -- npx browserstack-node-sdk playwright test --config=../playwright.percy.config.ts",
     "test:visual:chromatic": "APP_NAME=nuxt-app npx playwright test -c ../playwright.config.ts --project=visual",
     "upgrade-pie-packages": "yarn npm-check-updates \"@justeattakeaway/pie-*\" -u"
   },
   "devDependencies": {
-    "deepmerge": "4.3.1",
     "npm-check-updates": "18.3.1",
     "nuxt": "3.14.1592",
     "sass": "1.98.0"

nuxt-app/test/visual/nuxt-percy.spec.js

@@ -0,0 +1,13 @@
+import percySnapshot from '@percy/playwright';
+import { test, expect } from '../../../test/playwright/browserstack/fixture.js';
+import { getPercyPages } from '../../../test/playwright/visual/percy-pages.js';
+import { definePercyVisualSuite } from '../../../test/playwright/visual/register-percy-suite.js';
+
+const { percyScreenshot } = percySnapshot;
+
+definePercyVisualSuite({
+    test,
+    expect,
+    percyScreenshot,
+    pages: getPercyPages('nuxt-app'),
+});