test: ✅ give a better starting point

`it.todo('...')` confuses the learner

Author: yjaaidi

apps/201-meal-planner-indirect-output-starter/src/app/meal-planner/meal-planner.spec.ts

@@ -25,7 +25,9 @@ describe(MealPlanner.name, () => {
     );
   });
 
-  it.todo('🚧 adds recipes to meal repository');
+  it.todo('🚧 adds recipes to meal repository', async () => {
+    throw new Error('🚧 Work in progress!');
+  });
 
   describe('recipes$', () => {
     it('emits empty array when no recipes', async () => {

apps/202-meal-planner-indirect-input-starter/src/app/meal-planner/meal-planner.spec.ts

@@ -39,7 +39,9 @@ describe(MealPlanner.name, () => {
     ]);
   });
 
-  it.todo('🚧 fetches recipes from meal repository');
+  it.todo('🚧 fetches recipes from meal repository', async () => {
+    throw new Error('🚧 Work in progress!');
+  });
 
   describe('recipes$', () => {
     it('emits empty array when no recipes', async () => {

apps/203-meal-repository-starter/src/app/meal-planner/meal-repository.spec.ts

@@ -4,11 +4,17 @@ import { recipeMother } from '../testing/recipe.mother';
 import { provideLocalStorageFake } from '../shared/local-storage.fake';
 
 describe(MealRepository.name, () => {
-  it.todo('🚧 adds recipes');
+  it.todo('🚧 adds recipes', async () => {
+    throw new Error('🚧 Work in progress!');
+  });
 
-  it.todo('🚧 returns empty array when storage is empty');
+  it.todo('🚧 returns empty array when storage is empty', async () => {
+    throw new Error('🚧 Work in progress!');
+  });
 
-  it.todo('🚧 returns empty array when storage value is invalid');
+  it.todo('🚧 returns empty array when storage value is invalid', async () => {
+    throw new Error('🚧 Work in progress!');
+  });
 
   function createMealRepository() {
     const { getMealRepo, ...utils } = setUpMealRepository();

apps/301-recipe-search-isolated-starter/src/app/recipe/recipe-search.isolated.spec.ts

@@ -8,7 +8,9 @@ import {
 import { RecipeSearch } from './recipe-search.ng';
 
 describe(RecipeSearch.name, () => {
-  it.todo('🚧 searches recipes without filtering');
+  it.todo('🚧 searches recipes without filtering', async () => {
+    throw new Error('🚧 Work in progress!');
+  });
 
   function createComponent() {
     TestBed.configureTestingModule({ providers: [RecipeSearch] });

apps/302-recipe-search-integration-test-bed-starter/src/app/recipe/recipe-search.integration.spec.ts

@@ -8,7 +8,9 @@ import {
 import { RecipeSearch } from './recipe-search.ng';
 
 describe(RecipeSearch.name, () => {
-  it.todo('🚧 searches recipes without filtering');
+  it.todo('🚧 searches recipes without filtering', async () => {
+    throw new Error('🚧 Work in progress!');
+  });
 
   async function mountRecipeSearch() {
     const fixture = TestBed.createComponent(RecipeSearch);

apps/303-recipe-search-shallow-browser-mode-starter/src/app/recipe/recipe-search.shallow.browser.spec.ts

@@ -9,7 +9,9 @@ import {
 import { RecipeSearch } from './recipe-search.ng';
 
 describe(RecipeSearch.name, () => {
-  it.todo('🚧 searches recipes without filtering');
+  it.todo('🚧 searches recipes without filtering', async () => {
+    throw new Error('🚧 Work in progress!');
+  });
 
   async function mountRecipeSearch() {
     TestBed.configureTestingModule({

apps/303-recipe-search-shallow-test-bed-starter/src/app/recipe/recipe-search.shallow.spec.ts

@@ -7,7 +7,9 @@ import {
 import { RecipeSearch } from './recipe-search.ng';
 
 describe(RecipeSearch.name, () => {
-  it.todo('🚧 searches recipes without filtering');
+  it.todo('🚧 searches recipes without filtering', async () => {
+    throw new Error('🚧 Work in progress!');
+  });
 
   async function mountRecipeSearch() {
     TestBed.configureTestingModule({

apps/303-recipe-search-shallow-testing-library-starter/src/app/recipe/recipe-search.shallow.spec.ts

@@ -8,7 +8,9 @@ import {
 import { RecipeSearch } from './recipe-search.ng';
 
 describe(RecipeSearch.name, () => {
-  it.todo('🚧 searches recipes without filtering');
+  it.todo('🚧 searches recipes without filtering', async () => {
+    throw new Error('🚧 Work in progress!');
+  });
 
   async function mountRecipeSearch() {
     const { fixture } = await render(RecipeSearch, {

apps/401-recipe-filter-starter/src/app/recipe/recipe-filter.browser.spec.ts

@@ -5,7 +5,9 @@ import { page } from 'vitest/browser';
 import { RecipeFilter } from './recipe-filter.ng';
 
 describe(RecipeFilter.name, () => {
-  it.todo('🚧 triggers filterChange output');
+  it.todo('🚧 triggers filterChange output', async () => {
+    throw new Error('🚧 Work in progress!');
+  });
 
   async function mountRecipeFilter() {
     const filterChangeSpy = vi.fn();

apps/401-recipe-filter-starter/src/app/recipe/recipe-filter.spec.ts

@@ -1,11 +1,13 @@
 import { outputBinding } from '@angular/core';
 import { render, screen } from '@testing-library/angular';
 import userEvent from '@testing-library/user-event';
-import { createSpy } from '@whiskmate/testing/observe';
+import { createSpy } from '@whiskmate/testing/create-spy';
 import { RecipeFilter } from './recipe-filter.ng';
 
 describe(RecipeFilter.name, () => {
-  it.todo('🚧 triggers filterChange output');
+  it.todo('🚧 triggers filterChange output', async () => {
+    throw new Error('🚧 Work in progress!');
+  });
 
   async function mountRecipeFilter() {
     const filterChangeSpy = createSpy();