Fix Browser Tests / Switch to Playwright + Chromium Combo (#3957)

* Switch to playwright/chromium combo

* Install playwright browsers on workflow

* Rebuild package-lock.json

* Remove playwright from dev dependencies (separate install script), remove webdriverio

* Rebuild package-lock.json

* Remove extra install script

* Add install setup back

* update readme with browser testing deps guidance

---------

Co-authored-by: acolytec3 <[email protected]>

Author: holgerd77

.github/workflows/browser.yml

@@ -64,6 +64,7 @@ jobs:
           key: ${{ inputs.submodule-cache-key }}
 
       - run: npm run install-browser-deps
+      - run: npx playwright install --with-deps
 
       - run: npm run test:browser --workspaces --if-present
 

README.md

@@ -112,6 +112,10 @@ All packages include a `typescript` entry in the exports map that allows direct
 - Run TypeScript scripts: `tsx --conditions=typescript myScript.ts`
 - Set environment variable for bash scripts: `NODE_OPTIONS='--conditions=typescript'`
 
+### Browser Testing
+
+We use `vitest` with `playwright` to run browser tests.  When running browser tests with `npm run test:browser`, ensure you have a version of the Chromium browser installed.  If not, you can run `npx playwright install --with-deps` to install a supported version.
+
 ### Testing Packages with an external project
 
 To test changes locally before publishing, use npm link:

config/vitest.config.browser.mts

@@ -6,10 +6,10 @@ const config = defineConfig({
       enabled: true,
       headless: true,
       fileParallelism: false,
-      provider: 'webdriverio',
+      provider: 'playwright',
       instances: [
         {
-          browser: 'chrome',
+          browser: 'chromium',
           headless: true,
           isolate: true,
         },