tooling(meetings): migrate meetings e2e tests to playwright

.env.default

@@ -15,3 +15,4 @@ WEBEX_TEST_SAFARI=
 SAUCE_USERNAME=
 SAUCE_ACCESS_KEY=
 SAUCE_REGION=us
+DOTENV_CONFIG_QUIET=true

.github/workflows/pull-request.yml

@@ -215,6 +215,9 @@ jobs:
           path: '**/dist'
           key: dist-${{ env.rid }}
 
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps
+
       - name: Test E2E
         run: yarn workspace @webex/widgets run test:e2e
 

package.json

@@ -25,6 +25,7 @@
     "babel-jest": "^29.7.0",
     "crypto-browserify": "^3.12.1",
     "css-loader": "^7.1.2",
+    "dotenv": "^17.3.1",
     "html-webpack-plugin": "^5.6.3",
     "http-server": "^14.1.1",
     "husky": "^9.1.7",
@@ -54,6 +55,8 @@
     "clean": "yarn workspaces foreach --all --topological --parallel run clean && rm -rf node_modules",
     "clean:dist": "yarn workspaces foreach --all --topological --parallel run clean:dist",
     "test:unit": "yarn run test:tooling && yarn run test:cc-widgets && yarn run test:meetings-widget",
+    "test:e2e:cc": "TEST_SCOPE=cc yarn playwright test",
+    "test:e2e:meetings": "TEST_SCOPE=meetings yarn playwright test",
     "test:e2e": "yarn playwright test",
     "test:styles": "yarn workspaces foreach --all --exclude webex-widgets run test:styles",
     "test:tooling": "jest --coverage",
@@ -76,4 +79,4 @@
     "@momentum-design/brand-visuals": "^0.30.0",
     "@momentum-design/illustrations": "^0.3.0"
   }
-}
+}

packages/@webex/widgets/package.json

@@ -19,9 +19,9 @@
     "release": "semantic-release",
     "release:debug": "semantic-release --debug",
     "release:dry-run": "semantic-release --dry-run",
-    "start": "npm run demo:serve",
+    "start": "yarn run demo:serve",
     "test:unit": "jest --config jest.config.js --coverage",
-    "test:e2e": "npm run demo:build && wdio wdio.conf.js",
+    "test:e2e": "yarn run build:src && cd ../../.. && yarn run test:e2e:meetings",
     "test:eslint": "echo 'Broken eslint tests'",
     "test:eslint:broken": "eslint src/"
   },
@@ -62,19 +62,12 @@
     "@momentum-ui/core": "19.16.0",
     "@momentum-ui/icons": "8.28.5",
     "@momentum-ui/react": "^23.21.4",
+    "@playwright/test": "1.51.1",
     "@semantic-release/changelog": "^6.0.0",
     "@semantic-release/git": "^10.0.0",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.2",
     "@testing-library/react": "16.0.1",
-    "@wdio/cli": "^7.3.1",
-    "@wdio/jasmine-framework": "^7.4.6",
-    "@wdio/junit-reporter": "^7.4.2",
-    "@wdio/local-runner": "^7.4.6",
-    "@wdio/selenium-standalone-service": "^7.5.2",
-    "@wdio/spec-reporter": "^7.4.3",
-    "@wdio/static-server-service": "^7.5.7",
-    "@webex/test-users": "^1.157.0",
     "babel-eslint": "^10.0.3",
     "babel-loader": "^8.0.6",
     "babel-plugin-transform-object-rest-spread": "^6.26.0",
@@ -83,7 +76,6 @@
     "crypto-browserify": "^3.12.0",
     "css-loader": "^3.4.2",
     "css-minimizer-webpack-plugin": "^7.0.4",
-    "dotenv": "^8.6.0",
     "eslint": "^6.8.0",
     "eslint-config-airbnb": "^18.0.1",
     "eslint-config-prettier": "^6.10.0",