Skip to content

Commit 301ef9c

Browse files
yjaaidiyjaaidi
committed
test: ✅ use TestBed instead of Testing Library in browser tests
1 parent 39d90be commit 301ef9c

File tree

26 files changed

+234
-260
lines changed

26 files changed

+234
-260
lines changed

‎apps/303-recipe-search-shallow-test-bed-solution/src/app/recipe/recipe-search.browser.spec.ts‎

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { render } from '@testing-library/angular';
1+
import { TestBed } from '@angular/core/testing';
22
import { page } from 'vitest/browser';
33
import { recipeMother } from '../testing/recipe.mother';
44
import {
@@ -17,18 +17,17 @@ describe(RecipeSearch.name, () => {
1717
});
1818

1919
async function mountRecipeSearch() {
20-
await render(RecipeSearch, {
20+
TestBed.configureTestingModule({
2121
providers: [provideRecipeRepositoryFake()],
22-
configureTestBed(testBed) {
23-
testBed
24-
.inject(RecipeRepositoryFake)
25-
.setRecipes([
26-
recipeMother.withBasicInfo('Burger').build(),
27-
recipeMother.withBasicInfo('Salad').build(),
28-
]);
29-
},
3022
});
3123

24+
TestBed.inject(RecipeRepositoryFake).setRecipes([
25+
recipeMother.withBasicInfo('Burger').build(),
26+
recipeMother.withBasicInfo('Salad').build(),
27+
]);
28+
29+
TestBed.createComponent(RecipeSearch);
30+
3231
return {
3332
getRecipeNameEls() {
3433
return page.getByRole('heading');

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

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { render } from '@testing-library/angular';
1+
import { TestBed } from '@angular/core/testing';
22
import { page } from 'vitest/browser';
33
import { recipeMother } from '../testing/recipe.mother';
44
import {
@@ -17,18 +17,17 @@ describe(RecipeSearch.name, () => {
1717
});
1818

1919
async function mountRecipeSearch() {
20-
await render(RecipeSearch, {
20+
TestBed.configureTestingModule({
2121
providers: [provideRecipeRepositoryFake()],
22-
configureTestBed(testBed) {
23-
testBed
24-
.inject(RecipeRepositoryFake)
25-
.setRecipes([
26-
recipeMother.withBasicInfo('Burger').build(),
27-
recipeMother.withBasicInfo('Salad').build(),
28-
]);
29-
},
3022
});
3123

24+
TestBed.inject(RecipeRepositoryFake).setRecipes([
25+
recipeMother.withBasicInfo('Burger').build(),
26+
recipeMother.withBasicInfo('Salad').build(),
27+
]);
28+
29+
TestBed.createComponent(RecipeSearch);
30+
3231
return {
3332
getRecipeNameEls() {
3433
return page.getByRole('heading');

‎apps/303-recipe-search-shallow-testing-library-solution/src/app/recipe/recipe-search.browser.spec.ts‎

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { render } from '@testing-library/angular';
1+
import { TestBed } from '@angular/core/testing';
22
import { page } from 'vitest/browser';
33
import { recipeMother } from '../testing/recipe.mother';
44
import {
@@ -17,18 +17,17 @@ describe(RecipeSearch.name, () => {
1717
});
1818

1919
async function mountRecipeSearch() {
20-
await render(RecipeSearch, {
20+
TestBed.configureTestingModule({
2121
providers: [provideRecipeRepositoryFake()],
22-
configureTestBed(testBed) {
23-
testBed
24-
.inject(RecipeRepositoryFake)
25-
.setRecipes([
26-
recipeMother.withBasicInfo('Burger').build(),
27-
recipeMother.withBasicInfo('Salad').build(),
28-
]);
29-
},
3022
});
3123

24+
TestBed.inject(RecipeRepositoryFake).setRecipes([
25+
recipeMother.withBasicInfo('Burger').build(),
26+
recipeMother.withBasicInfo('Salad').build(),
27+
]);
28+
29+
TestBed.createComponent(RecipeSearch);
30+
3231
return {
3332
getRecipeNameEls() {
3433
return page.getByRole('heading');

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

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { render } from '@testing-library/angular';
1+
import { TestBed } from '@angular/core/testing';
22
import { page } from 'vitest/browser';
33
import { recipeMother } from '../testing/recipe.mother';
44
import {
@@ -17,18 +17,17 @@ describe(RecipeSearch.name, () => {
1717
});
1818

1919
async function mountRecipeSearch() {
20-
await render(RecipeSearch, {
20+
TestBed.configureTestingModule({
2121
providers: [provideRecipeRepositoryFake()],
22-
configureTestBed(testBed) {
23-
testBed
24-
.inject(RecipeRepositoryFake)
25-
.setRecipes([
26-
recipeMother.withBasicInfo('Burger').build(),
27-
recipeMother.withBasicInfo('Salad').build(),
28-
]);
29-
},
3022
});
3123

24+
TestBed.inject(RecipeRepositoryFake).setRecipes([
25+
recipeMother.withBasicInfo('Burger').build(),
26+
recipeMother.withBasicInfo('Salad').build(),
27+
]);
28+
29+
TestBed.createComponent(RecipeSearch);
30+
3231
return {
3332
getRecipeNameEls() {
3433
return page.getByRole('heading');

‎apps/304-recipe-search-async-pipe-solution/src/app/recipe/recipe-search.browser.spec.ts‎

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { render } from '@testing-library/angular';
1+
import { TestBed } from '@angular/core/testing';
22
import { page } from 'vitest/browser';
33
import { recipeMother } from '../testing/recipe.mother';
44
import {
@@ -17,18 +17,17 @@ describe(RecipeSearch.name, () => {
1717
});
1818

1919
async function mountRecipeSearch() {
20-
await render(RecipeSearch, {
20+
TestBed.configureTestingModule({
2121
providers: [provideRecipeRepositoryFake()],
22-
configureTestBed(testBed) {
23-
testBed
24-
.inject(RecipeRepositoryFake)
25-
.setRecipes([
26-
recipeMother.withBasicInfo('Burger').build(),
27-
recipeMother.withBasicInfo('Salad').build(),
28-
]);
29-
},
3022
});
3123

24+
TestBed.inject(RecipeRepositoryFake).setRecipes([
25+
recipeMother.withBasicInfo('Burger').build(),
26+
recipeMother.withBasicInfo('Salad').build(),
27+
]);
28+
29+
TestBed.createComponent(RecipeSearch);
30+
3231
return {
3332
getRecipeNameEls() {
3433
return page.getByRole('heading');

‎apps/304-recipe-search-async-pipe-starter/src/app/recipe/recipe-search.browser.spec.ts‎

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { render } from '@testing-library/angular';
1+
import { TestBed } from '@angular/core/testing';
22
import { page } from 'vitest/browser';
33
import { recipeMother } from '../testing/recipe.mother';
44
import {
@@ -17,18 +17,17 @@ describe(RecipeSearch.name, () => {
1717
});
1818

1919
async function mountRecipeSearch() {
20-
await render(RecipeSearch, {
20+
TestBed.configureTestingModule({
2121
providers: [provideRecipeRepositoryFake()],
22-
configureTestBed(testBed) {
23-
testBed
24-
.inject(RecipeRepositoryFake)
25-
.setRecipes([
26-
recipeMother.withBasicInfo('Burger').build(),
27-
recipeMother.withBasicInfo('Salad').build(),
28-
]);
29-
},
3022
});
3123

24+
TestBed.inject(RecipeRepositoryFake).setRecipes([
25+
recipeMother.withBasicInfo('Burger').build(),
26+
recipeMother.withBasicInfo('Salad').build(),
27+
]);
28+
29+
TestBed.createComponent(RecipeSearch);
30+
3231
return {
3332
getRecipeNameEls() {
3433
return page.getByRole('heading');

‎apps/305-recipe-search-signals-solution/src/app/recipe/recipe-search.browser.spec.ts‎

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { render } from '@testing-library/angular';
1+
import { TestBed } from '@angular/core/testing';
22
import { page } from 'vitest/browser';
33
import { recipeMother } from '../testing/recipe.mother';
44
import {
@@ -17,18 +17,17 @@ describe(RecipeSearch.name, () => {
1717
});
1818

1919
async function mountRecipeSearch() {
20-
await render(RecipeSearch, {
20+
TestBed.configureTestingModule({
2121
providers: [provideRecipeRepositoryFake()],
22-
configureTestBed(testBed) {
23-
testBed
24-
.inject(RecipeRepositoryFake)
25-
.setRecipes([
26-
recipeMother.withBasicInfo('Burger').build(),
27-
recipeMother.withBasicInfo('Salad').build(),
28-
]);
29-
},
3022
});
3123

24+
TestBed.inject(RecipeRepositoryFake).setRecipes([
25+
recipeMother.withBasicInfo('Burger').build(),
26+
recipeMother.withBasicInfo('Salad').build(),
27+
]);
28+
29+
TestBed.createComponent(RecipeSearch);
30+
3231
return {
3332
getRecipeNameEls() {
3433
return page.getByRole('heading');

‎apps/305-recipe-search-signals-starter/src/app/recipe/recipe-search.browser.spec.ts‎

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { render } from '@testing-library/angular';
1+
import { TestBed } from '@angular/core/testing';
22
import { page } from 'vitest/browser';
33
import { recipeMother } from '../testing/recipe.mother';
44
import {
@@ -17,18 +17,17 @@ describe(RecipeSearch.name, () => {
1717
});
1818

1919
async function mountRecipeSearch() {
20-
await render(RecipeSearch, {
20+
TestBed.configureTestingModule({
2121
providers: [provideRecipeRepositoryFake()],
22-
configureTestBed(testBed) {
23-
testBed
24-
.inject(RecipeRepositoryFake)
25-
.setRecipes([
26-
recipeMother.withBasicInfo('Burger').build(),
27-
recipeMother.withBasicInfo('Salad').build(),
28-
]);
29-
},
3022
});
3123

24+
TestBed.inject(RecipeRepositoryFake).setRecipes([
25+
recipeMother.withBasicInfo('Burger').build(),
26+
recipeMother.withBasicInfo('Salad').build(),
27+
]);
28+
29+
TestBed.createComponent(RecipeSearch);
30+
3231
return {
3332
getRecipeNameEls() {
3433
return page.getByRole('heading');

‎apps/401-recipe-filter-solution/src/app/recipe/recipe-search.browser.spec.ts‎

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { render } from '@testing-library/angular';
1+
import { TestBed } from '@angular/core/testing';
22
import { page } from 'vitest/browser';
33
import { recipeMother } from '../testing/recipe.mother';
44
import {
@@ -17,18 +17,17 @@ describe(RecipeSearch.name, () => {
1717
});
1818

1919
async function mountRecipeSearch() {
20-
await render(RecipeSearch, {
20+
TestBed.configureTestingModule({
2121
providers: [provideRecipeRepositoryFake()],
22-
configureTestBed(testBed) {
23-
testBed
24-
.inject(RecipeRepositoryFake)
25-
.setRecipes([
26-
recipeMother.withBasicInfo('Burger').build(),
27-
recipeMother.withBasicInfo('Salad').build(),
28-
]);
29-
},
3022
});
3123

24+
TestBed.inject(RecipeRepositoryFake).setRecipes([
25+
recipeMother.withBasicInfo('Burger').build(),
26+
recipeMother.withBasicInfo('Salad').build(),
27+
]);
28+
29+
TestBed.createComponent(RecipeSearch);
30+
3231
return {
3332
getRecipeNameEls() {
3433
return page.getByRole('heading');

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

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { render } from '@testing-library/angular';
1+
import { TestBed } from '@angular/core/testing';
22
import { page } from 'vitest/browser';
33
import { recipeMother } from '../testing/recipe.mother';
44
import {
@@ -17,18 +17,17 @@ describe(RecipeSearch.name, () => {
1717
});
1818

1919
async function mountRecipeSearch() {
20-
await render(RecipeSearch, {
20+
TestBed.configureTestingModule({
2121
providers: [provideRecipeRepositoryFake()],
22-
configureTestBed(testBed) {
23-
testBed
24-
.inject(RecipeRepositoryFake)
25-
.setRecipes([
26-
recipeMother.withBasicInfo('Burger').build(),
27-
recipeMother.withBasicInfo('Salad').build(),
28-
]);
29-
},
3022
});
3123

24+
TestBed.inject(RecipeRepositoryFake).setRecipes([
25+
recipeMother.withBasicInfo('Burger').build(),
26+
recipeMother.withBasicInfo('Salad').build(),
27+
]);
28+
29+
TestBed.createComponent(RecipeSearch);
30+
3231
return {
3332
getRecipeNameEls() {
3433
return page.getByRole('heading');

0 commit comments

Comments
 (0)