Fix Playwright config to prevent running Jest tests

The Playwright test runner was picking up Jest tests from the tests/
directory because it wasn't using the correct config file. This caused
CI failures with "ReferenceError: test is not defined" errors.

Changes:
- Updated package.json scripts to explicitly reference e2e/playwright.config.js
- Updated CI workflow to use yarn test:e2e instead of raw playwright command
- Fixed artifact path in CI to point to e2e/playwright-report/
- Updated README to use the correct yarn scripts

This ensures Playwright only runs tests from e2e/playwright/e2e/ and
not the Jest tests in tests/.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: justin808

.github/workflows/playwright.yml

@@ -40,11 +40,11 @@ jobs:
 
       - name: Run Playwright tests
         working-directory: spec/dummy
-        run: yarn playwright test
+        run: yarn test:e2e
 
       - uses: actions/upload-artifact@v4
         if: always()
         with:
           name: playwright-report
-          path: spec/dummy/playwright-report/
+          path: spec/dummy/e2e/playwright-report/
           retention-days: 30

spec/dummy/e2e/README.md

@@ -9,10 +9,10 @@ This directory contains end-to-end tests using Playwright integrated with Rails
 yarn playwright install --with-deps
 
 # Run all tests
-yarn playwright test
+yarn test:e2e
 
 # Run in UI mode for debugging
-yarn playwright test --ui
+yarn test:e2e:ui
 ```
 
 ## Features
@@ -153,37 +153,37 @@ await app('my_command', { some: 'options' });
 
 ```bash
 # All tests
-yarn playwright test
+yarn test:e2e
 
 # Specific file
-yarn playwright test e2e/playwright/e2e/react_on_rails/basic_components.spec.js
+yarn test:e2e e2e/playwright/e2e/react_on_rails/basic_components.spec.js
 
 # UI mode (interactive)
-yarn playwright test --ui
+yarn test:e2e:ui
 
 # Headed mode (visible browser)
-yarn playwright test --headed
+yarn test:e2e:headed
 
 # Debug mode
-yarn playwright test --debug
+yarn test:e2e:debug
 
 # Specific browser
-yarn playwright test --project=chromium
-yarn playwright test --project=firefox
-yarn playwright test --project=webkit
+yarn test:e2e --project=chromium
+yarn test:e2e --project=firefox
+yarn test:e2e --project=webkit
 
 # View last run report
-yarn playwright show-report
+yarn test:e2e:report
 ```
 
 ## Debugging
 
-1. **UI Mode**: `yarn playwright test --ui` - Best for interactive debugging
-2. **Headed Mode**: `yarn playwright test --headed` - See browser actions
+1. **UI Mode**: `yarn test:e2e:ui` - Best for interactive debugging
+2. **Headed Mode**: `yarn test:e2e:headed` - See browser actions
 3. **Pause Execution**: Add `await page.pause()` in your test
 4. **Console Logging**: Check browser console in headed mode
 5. **Screenshots**: Automatically taken on failure
-6. **Test Reports**: Check `playwright-report/` after test run
+6. **Test Reports**: Check `e2e/playwright-report/` after test run
 
 ## Best Practices
 

spec/dummy/package.json

@@ -73,11 +73,11 @@
     "format": "cd ../.. && yarn run nps format",
     "test:js": "yarn run jest ./tests",
     "test": "yarn run build:test && yarn run lint && bin/rspec",
-    "test:e2e": "playwright test",
-    "test:e2e:ui": "playwright test --ui",
-    "test:e2e:headed": "playwright test --headed",
-    "test:e2e:debug": "playwright test --debug",
-    "test:e2e:report": "playwright show-report",
+    "test:e2e": "playwright test --config=e2e/playwright.config.js",
+    "test:e2e:ui": "playwright test --config=e2e/playwright.config.js --ui",
+    "test:e2e:headed": "playwright test --config=e2e/playwright.config.js --headed",
+    "test:e2e:debug": "playwright test --config=e2e/playwright.config.js --debug",
+    "test:e2e:report": "playwright show-report e2e/playwright-report",
     "build:test": "rm -rf public/webpack/test && yarn build:rescript && RAILS_ENV=test NODE_ENV=test bin/shakapacker",
     "build:dev": "rm -rf public/webpack/development && yarn build:rescript && RAILS_ENV=development NODE_ENV=development bin/shakapacker",
     "build:dev:server": "rm -rf public/webpack/development && yarn build:rescript && RAILS_ENV=development NODE_ENV=development bin/shakapacker --watch",