test: ✅ fix test

yjaaidi · yjaaidi · commit dfec9f25b0ad · 2025-11-03T14:27:51.000+01:00
diff --git a/apps/401-recipe-filter-solution/src/app/recipe/recipe-filter.spec.ts b/apps/401-recipe-filter-solution/src/app/recipe/recipe-filter.spec.ts
@@ -1,6 +1,5 @@
 import { outputBinding } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { screen } from '@testing-library/angular';
+import { render, screen } from '@testing-library/angular';
 import userEvent from '@testing-library/user-event';
 import { RecipeFilterCriteria } from './recipe-filter-criteria';
 import { RecipeFilter } from './recipe-filter.ng';
@@ -23,7 +22,7 @@ describe(RecipeFilter.name, () => {
   async function mountRecipeFilter() {
     const filterChangeSpy = vi.fn();
 
-    TestBed.createComponent(RecipeFilter, {
+    await render(RecipeFilter, {
       bindings: [outputBinding('filterChange', filterChangeSpy)],
     });
 
diff --git a/apps/402-recipe-search-filter-interaction-solution/src/app/recipe/recipe-filter.spec.ts b/apps/402-recipe-search-filter-interaction-solution/src/app/recipe/recipe-filter.spec.ts
@@ -1,6 +1,5 @@
 import { outputBinding } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { screen } from '@testing-library/angular';
+import { render, screen } from '@testing-library/angular';
 import userEvent from '@testing-library/user-event';
 import { RecipeFilterCriteria } from './recipe-filter-criteria';
 import { RecipeFilter } from './recipe-filter.ng';
@@ -23,7 +22,7 @@ describe(RecipeFilter.name, () => {
   async function mountRecipeFilter() {
     const filterChangeSpy = vi.fn();
 
-    TestBed.createComponent(RecipeFilter, {
+    await render(RecipeFilter, {
       bindings: [outputBinding('filterChange', filterChangeSpy)],
     });
 
diff --git a/apps/402-recipe-search-filter-interaction-starter/src/app/recipe/recipe-filter.spec.ts b/apps/402-recipe-search-filter-interaction-starter/src/app/recipe/recipe-filter.spec.ts
@@ -1,6 +1,5 @@
 import { outputBinding } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { screen } from '@testing-library/angular';
+import { render, screen } from '@testing-library/angular';
 import userEvent from '@testing-library/user-event';
 import { RecipeFilterCriteria } from './recipe-filter-criteria';
 import { RecipeFilter } from './recipe-filter.ng';
@@ -23,7 +22,7 @@ describe(RecipeFilter.name, () => {
   async function mountRecipeFilter() {
     const filterChangeSpy = vi.fn();
 
-    TestBed.createComponent(RecipeFilter, {
+    await render(RecipeFilter, {
       bindings: [outputBinding('filterChange', filterChangeSpy)],
     });
 
diff --git a/apps/403-recipe-search-add-button-solution/src/app/recipe/recipe-filter.spec.ts b/apps/403-recipe-search-add-button-solution/src/app/recipe/recipe-filter.spec.ts
@@ -1,6 +1,5 @@
 import { outputBinding } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { screen } from '@testing-library/angular';
+import { render, screen } from '@testing-library/angular';
 import userEvent from '@testing-library/user-event';
 import { RecipeFilterCriteria } from './recipe-filter-criteria';
 import { RecipeFilter } from './recipe-filter.ng';
@@ -23,7 +22,7 @@ describe(RecipeFilter.name, () => {
   async function mountRecipeFilter() {
     const filterChangeSpy = vi.fn();
 
-    TestBed.createComponent(RecipeFilter, {
+    await render(RecipeFilter, {
       bindings: [outputBinding('filterChange', filterChangeSpy)],
     });
 
diff --git a/apps/403-recipe-search-add-button-starter/src/app/recipe/recipe-filter.spec.ts b/apps/403-recipe-search-add-button-starter/src/app/recipe/recipe-filter.spec.ts
@@ -1,6 +1,5 @@
 import { outputBinding } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { screen } from '@testing-library/angular';
+import { render, screen } from '@testing-library/angular';
 import userEvent from '@testing-library/user-event';
 import { RecipeFilterCriteria } from './recipe-filter-criteria';
 import { RecipeFilter } from './recipe-filter.ng';
@@ -23,7 +22,7 @@ describe(RecipeFilter.name, () => {
   async function mountRecipeFilter() {
     const filterChangeSpy = vi.fn();
 
-    TestBed.createComponent(RecipeFilter, {
+    await render(RecipeFilter, {
       bindings: [outputBinding('filterChange', filterChangeSpy)],
     });
 
diff --git a/apps/404-recipe-filter-material-solution/src/app/recipe/recipe-filter.spec.ts b/apps/404-recipe-filter-material-solution/src/app/recipe/recipe-filter.spec.ts
@@ -1,6 +1,5 @@
 import { outputBinding } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { screen } from '@testing-library/angular';
+import { render, screen } from '@testing-library/angular';
 import userEvent from '@testing-library/user-event';
 import { RecipeFilterCriteria } from './recipe-filter-criteria';
 import { RecipeFilter } from './recipe-filter.ng';
@@ -23,7 +22,7 @@ describe(RecipeFilter.name, () => {
   async function mountRecipeFilter() {
     const filterChangeSpy = vi.fn();
 
-    TestBed.createComponent(RecipeFilter, {
+    await render(RecipeFilter, {
       bindings: [outputBinding('filterChange', filterChangeSpy)],
     });
 
diff --git a/apps/404-recipe-filter-material-starter/src/app/recipe/recipe-filter.spec.ts b/apps/404-recipe-filter-material-starter/src/app/recipe/recipe-filter.spec.ts
@@ -1,6 +1,5 @@
 import { outputBinding } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { screen } from '@testing-library/angular';
+import { render, screen } from '@testing-library/angular';
 import userEvent from '@testing-library/user-event';
 import { RecipeFilterCriteria } from './recipe-filter-criteria';
 import { RecipeFilter } from './recipe-filter.ng';
@@ -23,7 +22,7 @@ describe(RecipeFilter.name, () => {
   async function mountRecipeFilter() {
     const filterChangeSpy = vi.fn();
 
-    TestBed.createComponent(RecipeFilter, {
+    await render(RecipeFilter, {
       bindings: [outputBinding('filterChange', filterChangeSpy)],
     });
 
diff --git a/apps/501-recipe-preview-ct-solution/src/app/recipe/recipe-filter.spec.ts b/apps/501-recipe-preview-ct-solution/src/app/recipe/recipe-filter.spec.ts
@@ -1,6 +1,5 @@
 import { outputBinding } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { screen } from '@testing-library/angular';
+import { render, screen } from '@testing-library/angular';
 import userEvent from '@testing-library/user-event';
 import { RecipeFilterCriteria } from './recipe-filter-criteria';
 import { RecipeFilter } from './recipe-filter.ng';
@@ -23,7 +22,7 @@ describe(RecipeFilter.name, () => {
   async function mountRecipeFilter() {
     const filterChangeSpy = vi.fn();
 
-    TestBed.createComponent(RecipeFilter, {
+    await render(RecipeFilter, {
       bindings: [outputBinding('filterChange', filterChangeSpy)],
     });
 
diff --git a/apps/501-recipe-preview-ct-starter/src/app/recipe/recipe-filter.spec.ts b/apps/501-recipe-preview-ct-starter/src/app/recipe/recipe-filter.spec.ts
@@ -1,6 +1,5 @@
 import { outputBinding } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { screen } from '@testing-library/angular';
+import { render, screen } from '@testing-library/angular';
 import userEvent from '@testing-library/user-event';
 import { RecipeFilterCriteria } from './recipe-filter-criteria';
 import { RecipeFilter } from './recipe-filter.ng';
@@ -23,7 +22,7 @@ describe(RecipeFilter.name, () => {
   async function mountRecipeFilter() {
     const filterChangeSpy = vi.fn();
 
-    TestBed.createComponent(RecipeFilter, {
+    await render(RecipeFilter, {
       bindings: [outputBinding('filterChange', filterChangeSpy)],
     });
 
diff --git a/apps/502-recipe-filter-ct-solution/src/app/recipe/recipe-filter.spec.ts b/apps/502-recipe-filter-ct-solution/src/app/recipe/recipe-filter.spec.ts
@@ -1,6 +1,5 @@
 import { outputBinding } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { screen } from '@testing-library/angular';
+import { render, screen } from '@testing-library/angular';
 import userEvent from '@testing-library/user-event';
 import { RecipeFilterCriteria } from './recipe-filter-criteria';
 import { RecipeFilter } from './recipe-filter.ng';
@@ -23,7 +22,7 @@ describe(RecipeFilter.name, () => {
   async function mountRecipeFilter() {
     const filterChangeSpy = vi.fn();
 
-    TestBed.createComponent(RecipeFilter, {
+    await render(RecipeFilter, {
       bindings: [outputBinding('filterChange', filterChangeSpy)],
     });
 
diff --git a/apps/502-recipe-filter-ct-starter/src/app/recipe/recipe-filter.spec.ts b/apps/502-recipe-filter-ct-starter/src/app/recipe/recipe-filter.spec.ts
@@ -1,6 +1,5 @@
 import { outputBinding } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { screen } from '@testing-library/angular';
+import { render, screen } from '@testing-library/angular';
 import userEvent from '@testing-library/user-event';
 import { RecipeFilterCriteria } from './recipe-filter-criteria';
 import { RecipeFilter } from './recipe-filter.ng';
@@ -23,7 +22,7 @@ describe(RecipeFilter.name, () => {
   async function mountRecipeFilter() {
     const filterChangeSpy = vi.fn();
 
-    TestBed.createComponent(RecipeFilter, {
+    await render(RecipeFilter, {
       bindings: [outputBinding('filterChange', filterChangeSpy)],
     });
 
diff --git a/apps/503-recipe-search-ct-solution/src/app/recipe/recipe-filter.spec.ts b/apps/503-recipe-search-ct-solution/src/app/recipe/recipe-filter.spec.ts
@@ -1,6 +1,5 @@
 import { outputBinding } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { screen } from '@testing-library/angular';
+import { render, screen } from '@testing-library/angular';
 import userEvent from '@testing-library/user-event';
 import { RecipeFilterCriteria } from './recipe-filter-criteria';
 import { RecipeFilter } from './recipe-filter.ng';
@@ -23,7 +22,7 @@ describe(RecipeFilter.name, () => {
   async function mountRecipeFilter() {
     const filterChangeSpy = vi.fn();
 
-    TestBed.createComponent(RecipeFilter, {
+    await render(RecipeFilter, {
       bindings: [outputBinding('filterChange', filterChangeSpy)],
     });
 
diff --git a/apps/503-recipe-search-ct-starter/src/app/recipe/recipe-filter.spec.ts b/apps/503-recipe-search-ct-starter/src/app/recipe/recipe-filter.spec.ts
@@ -1,6 +1,5 @@
 import { outputBinding } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { screen } from '@testing-library/angular';
+import { render, screen } from '@testing-library/angular';
 import userEvent from '@testing-library/user-event';
 import { RecipeFilterCriteria } from './recipe-filter-criteria';
 import { RecipeFilter } from './recipe-filter.ng';
@@ -23,7 +22,7 @@ describe(RecipeFilter.name, () => {
   async function mountRecipeFilter() {
     const filterChangeSpy = vi.fn();
 
-    TestBed.createComponent(RecipeFilter, {
+    await render(RecipeFilter, {
       bindings: [outputBinding('filterChange', filterChangeSpy)],
     });
 
diff --git a/apps/504-playwright-visual-regression-testing-solution/src/app/recipe/recipe-filter.spec.ts b/apps/504-playwright-visual-regression-testing-solution/src/app/recipe/recipe-filter.spec.ts
@@ -1,6 +1,5 @@
 import { outputBinding } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { screen } from '@testing-library/angular';
+import { render, screen } from '@testing-library/angular';
 import userEvent from '@testing-library/user-event';
 import { RecipeFilterCriteria } from './recipe-filter-criteria';
 import { RecipeFilter } from './recipe-filter.ng';
@@ -23,7 +22,7 @@ describe(RecipeFilter.name, () => {
   async function mountRecipeFilter() {
     const filterChangeSpy = vi.fn();
 
-    TestBed.createComponent(RecipeFilter, {
+    await render(RecipeFilter, {
       bindings: [outputBinding('filterChange', filterChangeSpy)],
     });
 
diff --git a/apps/504-playwright-visual-regression-testing-starter/src/app/recipe/recipe-filter.spec.ts b/apps/504-playwright-visual-regression-testing-starter/src/app/recipe/recipe-filter.spec.ts
@@ -1,6 +1,5 @@
 import { outputBinding } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { screen } from '@testing-library/angular';
+import { render, screen } from '@testing-library/angular';
 import userEvent from '@testing-library/user-event';
 import { RecipeFilterCriteria } from './recipe-filter-criteria';
 import { RecipeFilter } from './recipe-filter.ng';
@@ -23,7 +22,7 @@ describe(RecipeFilter.name, () => {
   async function mountRecipeFilter() {
     const filterChangeSpy = vi.fn();
 
-    TestBed.createComponent(RecipeFilter, {
+    await render(RecipeFilter, {
       bindings: [outputBinding('filterChange', filterChangeSpy)],
     });
 
diff --git a/apps/601-testronaut-solution/src/app/recipe/recipe-filter.spec.ts b/apps/601-testronaut-solution/src/app/recipe/recipe-filter.spec.ts
@@ -1,6 +1,5 @@
 import { outputBinding } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { screen } from '@testing-library/angular';
+import { render, screen } from '@testing-library/angular';
 import userEvent from '@testing-library/user-event';
 import { RecipeFilterCriteria } from './recipe-filter-criteria';
 import { RecipeFilter } from './recipe-filter.ng';
@@ -23,7 +22,7 @@ describe(RecipeFilter.name, () => {
   async function mountRecipeFilter() {
     const filterChangeSpy = vi.fn();
 
-    TestBed.createComponent(RecipeFilter, {
+    await render(RecipeFilter, {
       bindings: [outputBinding('filterChange', filterChangeSpy)],
     });
 
diff --git a/apps/601-testronaut-starter/src/app/recipe/recipe-filter.spec.ts b/apps/601-testronaut-starter/src/app/recipe/recipe-filter.spec.ts
@@ -1,6 +1,5 @@
 import { outputBinding } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { screen } from '@testing-library/angular';
+import { render, screen } from '@testing-library/angular';
 import userEvent from '@testing-library/user-event';
 import { RecipeFilterCriteria } from './recipe-filter-criteria';
 import { RecipeFilter } from './recipe-filter.ng';
@@ -23,7 +22,7 @@ describe(RecipeFilter.name, () => {
   async function mountRecipeFilter() {
     const filterChangeSpy = vi.fn();
 
-    TestBed.createComponent(RecipeFilter, {
+    await render(RecipeFilter, {
       bindings: [outputBinding('filterChange', filterChangeSpy)],
     });
 
