10.1 โ Create tests for Presentation mode
In Copilot Chat (Agent mode), enter the following:
Create a new branch `test-creation` and do your work on that branch.
Create Playwright E2E tests that verify the Presentation site's keyboard navigation.
Assumptions:
- src/content/playbook/ contains at least 2 entries.
- Opening the site displays Presentation mode by default.
Test cases:
1. Pressing `โ` / `โ` moves to the previous / next slide within the same section (one slide per `##` heading).
2. Clicking a different section in the left sidebar switches to that section's first slide.
File layout:
- Place the tests in tests/e2e/presentation.spec.ts.
- Update playwright.config.ts if needed (baseURL, webServer configured to launch `npm run dev`).
Once the tests are written, run `npx playwright test` locally and make sure they all pass.โฑ ~5 minutes
10.2 โ Create an Actions workflow that runs automatically on PRs
Next, enter the following in Copilot Chat:
Continue working on the same `test-creation` branch.
Create .github/workflows/test.yml.
Trigger it on PR open / update, and have it perform the following steps:
1. Set up Node.js 22
2. Install dependencies (`npm ci`)
3. Install the Playwright browsers (`npx playwright install --with-deps chromium`)
4. Run `npx playwright test`
5. On test failure, upload the Playwright report as an artifactโฑ ~2 minutes
Re-create the PR and you'll see test.yml running in the Actions tab. Whenever you change Presentation mode behavior, this workflow will catch any regressions early.