Skip to content

docs: 📝 rename instructions#29

Merged
yjaaidi merged 1 commit into
mainfrom
docs/update-instructions
Apr 2, 2026
Merged

docs: 📝 rename instructions#29
yjaaidi merged 1 commit into
mainfrom
docs/update-instructions

Conversation

@yjaaidi

@yjaaidi yjaaidi commented Apr 2, 2026

Copy link
Copy Markdown
Member

No description provided.

Copilot AI review requested due to automatic review settings April 2, 2026 22:21
@yjaaidi yjaaidi enabled auto-merge (squash) April 2, 2026 22:21
@yjaaidi yjaaidi force-pushed the docs/update-instructions branch from f29bbd2 to df7842f Compare April 2, 2026 22:23

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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 cook config.
  • 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.

Comment thread tools/cook/config.ts
Comment on lines 155 to +158
},
{
id: '901-testronaut-visual-regression',
name: '901 - Testronaut Visual Regression Testing',
id: '901-visual-regression-testronaut',
name: '901 - Visual Regression with Testronaut',

Copilot AI Apr 2, 2026

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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.

Copilot uses AI. Check for mistakes.
@yjaaidi yjaaidi merged commit 52fefaf into main Apr 2, 2026
7 checks passed
@yjaaidi yjaaidi deleted the docs/update-instructions branch April 2, 2026 22:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants