docs: 📝 rename instructions#29
Conversation
f29bbd2 to
df7842f
Compare
There was a problem hiding this comment.
Pull request overview
This PR updates the exercise/instructions naming for the Testronaut track and introduces a new “901 – Visual Regression with Testronaut” exercise with corresponding starter/solution Nx apps (including Playwright/Testronaut + Vitest setup and baseline screenshots).
Changes:
- Renames exercise titles (801–803) and renames the 901 exercise id/title in
pnpm cookconfig. - Adds new Docusaurus instructions for the 901 visual regression exercise.
- Adds new Nx application scaffolding for
901-visual-regression-testronaut(starter + solution), including tests and Playwright screenshot baselines.
Reviewed changes
Copilot reviewed 3 out of 150 changed files in this pull request and generated 1 comment.
Show a summary per file
| File | Description |
|---|---|
| tools/cook/config.ts | Renames exercise names and changes the 901 exercise id/name used by pnpm cook start. |
| docs/instructions/901-visual-regression-testronaut.md | Adds the new 901 visual regression exercise instructions. |
| apps/901-visual-regression-testronaut-starter/.eslint.config.mjs | Adds ESLint config for the new starter app. |
| apps/901-visual-regression-testronaut-starter/jest.config.ts | Adds Jest config for the new starter app. |
| apps/901-visual-regression-testronaut-starter/playwright-testronaut.config.ts | Adds Playwright config for Testronaut component tests (starter). |
| apps/901-visual-regression-testronaut-starter/project.json | Adds Nx project definition for the starter app. |
| apps/901-visual-regression-testronaut-starter/tsconfig.json | Adds TS project references and compiler settings (starter). |
| apps/901-visual-regression-testronaut-starter/tsconfig.app.json | Adds app tsconfig (starter). |
| apps/901-visual-regression-testronaut-starter/tsconfig.spec.json | Adds test tsconfig (starter). |
| apps/901-visual-regression-testronaut-starter/tsconfig.editor.json | Adds editor tsconfig (starter). |
| apps/901-visual-regression-testronaut-starter/vite.config.mts | Adds Vite config (starter). |
| apps/901-visual-regression-testronaut-starter/vitest-angular-preset.ts | Adds Vitest Angular preset/workarounds (starter). |
| apps/901-visual-regression-testronaut-starter/vitest.config.mts | Adds Vitest configuration with browser + jsdom projects (starter). |
| apps/901-visual-regression-testronaut-starter/wallaby.js | Adds Wallaby config pointing to Vitest config (starter). |
| apps/901-visual-regression-testronaut-starter/testronaut/.gitignore | Ignores generated Testronaut artifacts (starter). |
| apps/901-visual-regression-testronaut-starter/testronaut/index.html | Adds Testronaut test host HTML (starter). |
| apps/901-visual-regression-testronaut-starter/testronaut/main.ts | Boots Testronaut Angular in browser (starter). |
| apps/901-visual-regression-testronaut-starter/testronaut/tsconfig.json | TS config for Testronaut entrypoint (starter). |
| apps/901-visual-regression-testronaut-starter/src/assets/.gitkeep | Keeps assets folder in source control (starter). |
| apps/901-visual-regression-testronaut-starter/src/environments/environment.ts | Adds dev environment config (starter). |
| apps/901-visual-regression-testronaut-starter/src/environments/environment.prod.ts | Adds prod environment config (starter). |
| apps/901-visual-regression-testronaut-starter/src/favicon.ico | Adds favicon (starter). |
| apps/901-visual-regression-testronaut-starter/src/index.html | Adds app HTML shell (starter). |
| apps/901-visual-regression-testronaut-starter/src/main.ts | Adds Angular bootstrap entry (starter). |
| apps/901-visual-regression-testronaut-starter/src/polyfills.ts | Adds Angular polyfills (starter). |
| apps/901-visual-regression-testronaut-starter/src/styles.css | Adds global styles/material theme (starter). |
| apps/901-visual-regression-testronaut-starter/src/test-setup.ts | Adds Vitest test setup (starter). |
| apps/901-visual-regression-testronaut-starter/src/test-setup-jest.ts | Adds Jest test setup (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/app.config.ts | Adds Angular application config (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/app.routes.ts | Adds routes including guard-protected meal plan (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/app.ng.ts | Adds app shell/navbar/sign-in + navigation links (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/testing/recipe.mother.ts | Adds test data builder for recipes (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/shared/title.ng.ts | Adds navbar component (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/shared/catalog.ng.ts | Adds catalog layout component (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/shared/card.ng.ts | Adds card component (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/shared/local-storage.ts | Adds LocalStorage abstraction (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/shared/local-storage.fake.ts | Adds LocalStorage fake + provider helper (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/user/auth.ts | Adds simple Auth service (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/user/current-user.ts | Adds CurrentUser signal store (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/user/sign-in-button.ng.ts | Adds sign-in/out button component (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/user/sign-in-button.browser.spec.ts | Adds browser-mode tests for sign-in button (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/user/is-signed-in.guard.ts | Adds guard to require sign-in (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/user/is-signed-in.guard.browser.spec.ts | Adds browser-mode tests for guard routing behavior (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/meal-planner/meal-planner.ts | Adds MealPlanner service/state (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/meal-planner/meal-planner.spec.ts | Adds unit tests for MealPlanner (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/meal-planner/meal-plan.ng.ts | Adds meal plan view component (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/meal-planner/meal-planner.router-helper.ts | Adds route helper for meal plan path (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/meal-planner/recipe-add-button.ng.ts | Adds “ADD” button component for recipes (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/meal-planner/meal-repository.ts | Adds localStorage-backed repository for meals (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/meal-planner/meal-repository.fake.ts | Adds in-memory repository fake (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/meal-planner/meal-repository.contract.ts | Adds shared contract tests for meal repos (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/meal-planner/meal-repository.fake.spec.ts | Runs contract tests against fake repo (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/meal-planner/meal-repository.vitest.spec.ts | Runs contract + edge-case tests against real repo (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/recipe/recipe.ts | Adds recipe domain types (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/recipe/recipe.router-helper.ts | Adds route helper for search path (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/recipe/recipe-filter-criteria.ts | Adds filter criteria model (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/recipe/recipe-filter.ng.ts | Adds filter form component (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/recipe/recipe-filter.browser.spec.ts | Adds browser-mode tests for filter debounce (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/recipe/recipe-filter.vitest.spec.ts | Adds Vitest (emulated) tests for filter debounce (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/recipe/recipe-filter.pw.ts | Adds Testronaut/Playwright component test for filter output (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/recipe/recipe-repository.ts | Adds HTTP-backed repository implementation (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/recipe/recipe-repository.fake.ts | Adds fake repository + provider helper (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/recipe/recipe-preview.ng.ts | Adds recipe preview UI component (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/recipe/recipe-preview.pw.ts | Adds Testronaut/Playwright test for recipe preview (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/recipe/recipe-search.ng.ts | Adds recipe search UI component wired to repository (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/recipe/recipe-search.browser.spec.ts | Adds browser-mode tests for recipe search behaviors (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/recipe/recipe-search.isolated.spec.ts | Adds isolated (no DOM) tests for recipe search signals/resource (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/recipe/recipe-search.shallow.spec.ts | Adds shallow integration tests via Testing Library (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/recipe/recipe-search.shallow.browser.spec.ts | Adds shallow browser-mode test for recipe search (starter). |
| apps/901-visual-regression-testronaut-starter/src/app/recipe/recipe-search.pw.ts | Adds Testronaut/Playwright tests for recipe search flows (starter). |
| apps/901-visual-regression-testronaut-solution/.eslint.config.mjs | Adds ESLint config for the new solution app. |
| apps/901-visual-regression-testronaut-solution/jest.config.ts | Adds Jest config for the new solution app. |
| apps/901-visual-regression-testronaut-solution/playwright-testronaut.config.ts | Adds Playwright config for Testronaut component tests (solution). |
| apps/901-visual-regression-testronaut-solution/project.json | Adds Nx project definition for the solution app. |
| apps/901-visual-regression-testronaut-solution/tsconfig.json | Adds TS project references and compiler settings (solution). |
| apps/901-visual-regression-testronaut-solution/tsconfig.app.json | Adds app tsconfig (solution). |
| apps/901-visual-regression-testronaut-solution/tsconfig.spec.json | Adds test tsconfig (solution). |
| apps/901-visual-regression-testronaut-solution/tsconfig.editor.json | Adds editor tsconfig (solution). |
| apps/901-visual-regression-testronaut-solution/vite.config.mts | Adds Vite config (solution). |
| apps/901-visual-regression-testronaut-solution/vitest-angular-preset.ts | Adds Vitest Angular preset/workarounds (solution). |
| apps/901-visual-regression-testronaut-solution/vitest.config.mts | Adds Vitest configuration with browser + jsdom projects (solution). |
| apps/901-visual-regression-testronaut-solution/wallaby.js | Adds Wallaby config pointing to Vitest config (solution). |
| apps/901-visual-regression-testronaut-solution/testronaut/.gitignore | Ignores generated Testronaut artifacts (solution). |
| apps/901-visual-regression-testronaut-solution/testronaut/index.html | Adds Testronaut test host HTML (solution). |
| apps/901-visual-regression-testronaut-solution/testronaut/main.ts | Boots Testronaut Angular in browser (solution). |
| apps/901-visual-regression-testronaut-solution/testronaut/tsconfig.json | TS config for Testronaut entrypoint (solution). |
| apps/901-visual-regression-testronaut-solution/src/assets/.gitkeep | Keeps assets folder in source control (solution). |
| apps/901-visual-regression-testronaut-solution/src/environments/environment.ts | Adds dev environment config (solution). |
| apps/901-visual-regression-testronaut-solution/src/environments/environment.prod.ts | Adds prod environment config (solution). |
| apps/901-visual-regression-testronaut-solution/src/favicon.ico | Adds favicon (solution). |
| apps/901-visual-regression-testronaut-solution/src/index.html | Adds app HTML shell (solution). |
| apps/901-visual-regression-testronaut-solution/src/main.ts | Adds Angular bootstrap entry (solution). |
| apps/901-visual-regression-testronaut-solution/src/polyfills.ts | Adds Angular polyfills (solution). |
| apps/901-visual-regression-testronaut-solution/src/styles.css | Adds global styles/material theme (solution). |
| apps/901-visual-regression-testronaut-solution/src/test-setup.ts | Adds Vitest test setup (solution). |
| apps/901-visual-regression-testronaut-solution/src/test-setup-jest.ts | Adds Jest test setup (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/app.config.ts | Adds Angular application config (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/app.routes.ts | Adds routes including guard-protected meal plan (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/app.ng.ts | Adds app shell/navbar/sign-in + navigation links (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/testing/recipe.mother.ts | Adds test data builder for recipes (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/shared/title.ng.ts | Adds navbar component (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/shared/catalog.ng.ts | Adds catalog layout component (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/shared/card.ng.ts | Adds card component (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/shared/local-storage.ts | Adds LocalStorage abstraction (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/shared/local-storage.fake.ts | Adds LocalStorage fake + provider helper (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/user/auth.ts | Adds simple Auth service (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/user/current-user.ts | Adds CurrentUser signal store (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/user/sign-in-button.ng.ts | Adds sign-in/out button component (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/user/sign-in-button.browser.spec.ts | Adds browser-mode tests for sign-in button (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/user/is-signed-in.guard.ts | Adds guard to require sign-in (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/user/is-signed-in.guard.browser.spec.ts | Adds browser-mode tests for guard routing behavior (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/meal-planner/meal-planner.ts | Adds MealPlanner service/state (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/meal-planner/meal-planner.spec.ts | Adds unit tests for MealPlanner (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/meal-planner/meal-plan.ng.ts | Adds meal plan view component (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/meal-planner/meal-planner.router-helper.ts | Adds route helper for meal plan path (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/meal-planner/recipe-add-button.ng.ts | Adds “ADD” button component for recipes (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/meal-planner/meal-repository.ts | Adds localStorage-backed repository for meals (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/meal-planner/meal-repository.fake.ts | Adds in-memory repository fake (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/meal-planner/meal-repository.contract.ts | Adds shared contract tests for meal repos (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/meal-planner/meal-repository.fake.spec.ts | Runs contract tests against fake repo (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/meal-planner/meal-repository.vitest.spec.ts | Runs contract + edge-case tests against real repo (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe.ts | Adds recipe domain types (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe.router-helper.ts | Adds route helper for search path (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-filter-criteria.ts | Adds filter criteria model (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-filter.ng.ts | Adds filter form component (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-filter.browser.spec.ts | Adds browser-mode tests for filter debounce (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-filter.vitest.spec.ts | Adds Vitest (emulated) tests for filter debounce (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-filter.pw.ts | Adds Testronaut/Playwright component test for filter output (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-repository.ts | Adds HTTP-backed repository implementation (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-repository.fake.ts | Adds fake repository + provider helper (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-preview.ng.ts | Adds recipe preview UI component (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-preview.pw.ts | Adds visual regression screenshot assertion for recipe preview (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-preview.pw.ts-snapshots/RecipePreview-shows-recipe-name-1-chromium-darwin.png | Adds baseline screenshot for recipe preview (chromium/darwin). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-preview.pw.ts-snapshots/RecipePreview-shows-recipe-name-1-chromium-linux.png | Adds baseline screenshot for recipe preview (chromium/linux). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-preview.pw.ts-snapshots/RecipePreview-shows-recipe-name-1-firefox-darwin.png | Adds baseline screenshot for recipe preview (firefox/darwin). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-preview.pw.ts-snapshots/RecipePreview-shows-recipe-name-1-firefox-linux.png | Adds baseline screenshot for recipe preview (firefox/linux). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-preview.pw.ts-snapshots/RecipePreview-shows-recipe-name-1-webkit-darwin.png | Adds baseline screenshot for recipe preview (webkit/darwin). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-preview.pw.ts-snapshots/RecipePreview-shows-recipe-name-1-webkit-linux.png | Adds baseline screenshot for recipe preview (webkit/linux). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-search.ng.ts | Adds recipe search UI component wired to repository (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-search.browser.spec.ts | Adds browser-mode tests for recipe search behaviors (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-search.isolated.spec.ts | Adds isolated (no DOM) tests for recipe search signals/resource (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-search.shallow.spec.ts | Adds shallow integration tests via Testing Library (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-search.shallow.browser.spec.ts | Adds shallow browser-mode test for recipe search (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-search.pw.ts | Adds visual regression screenshot assertion (with masking) for recipe search (solution). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-search.pw.ts-snapshots/RecipeSearch-shows-recipes-1-chromium-darwin.png | Adds baseline screenshot for recipe search (chromium/darwin). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-search.pw.ts-snapshots/RecipeSearch-shows-recipes-1-chromium-linux.png | Adds baseline screenshot for recipe search (chromium/linux). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-search.pw.ts-snapshots/RecipeSearch-shows-recipes-1-firefox-darwin.png | Adds baseline screenshot for recipe search (firefox/darwin). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-search.pw.ts-snapshots/RecipeSearch-shows-recipes-1-firefox-linux.png | Adds baseline screenshot for recipe search (firefox/linux). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-search.pw.ts-snapshots/RecipeSearch-shows-recipes-1-webkit-darwin.png | Adds baseline screenshot for recipe search (webkit/darwin). |
| apps/901-visual-regression-testronaut-solution/src/app/recipe/recipe-search.pw.ts-snapshots/RecipeSearch-shows-recipes-1-webkit-linux.png | Adds baseline screenshot for recipe search (webkit/linux). |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| }, | ||
| { | ||
| id: '901-testronaut-visual-regression', | ||
| name: '901 - Testronaut Visual Regression Testing', | ||
| id: '901-visual-regression-testronaut', | ||
| name: '901 - Visual Regression with Testronaut', |
There was a problem hiding this comment.
The PR title indicates this is a docs-only rename, but this change also renames the exercise id (and the PR adds new starter/solution apps and snapshots). Consider updating the PR title/description to reflect the broader scope so reviewers know it’s not docs-only.
No description provided.