test: ✅ rename renderComponent to mountXXX

Author: yjaaidi

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

@@ -9,12 +9,12 @@ import { RecipeSearch } from './recipe-search.ng';
 
 describe(RecipeSearch.name, () => {
   it('searches recipes without filtering', async () => {
-    const { getRecipeNames } = await renderComponent();
+    const { getRecipeNames } = await mountRecipeSearch();
 
     expect(getRecipeNames()).toEqual(['Burger', 'Salad']);
   });
 
-  async function renderComponent() {
+  async function mountRecipeSearch() {
     TestBed.configureTestingModule({
       providers: [provideRecipeRepositoryFake()],
     });

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

@@ -4,7 +4,7 @@ import { RecipeSearch } from './recipe-search.ng';
 describe(RecipeSearch.name, () => {
   it.todo('🚧 should search recipes without filtering');
 
-  async function renderComponent() {
+  async function mountRecipeSearch() {
     const fixture = TestBed.createComponent(RecipeSearch);
     await fixture.whenStable();
 

apps/302-recipe-search-integration-testing-library-solution/src/app/recipe/recipe-search.integration.spec.ts

@@ -8,14 +8,14 @@ import { RecipeSearch } from './recipe-search.ng';
 
 describe(RecipeSearch.name, () => {
   it('searches recipes without filtering', async () => {
-    const { getRecipeNameEls } = await renderComponent();
+    const { getRecipeNameEls } = await mountRecipeSearch();
 
     expect(getRecipeNameEls()).toHaveLength(2);
     expect(getRecipeNameEls()[0]).toHaveTextContent('Burger');
     expect(getRecipeNameEls()[1]).toHaveTextContent('Salad');
   });
 
-  async function renderComponent() {
+  async function mountRecipeSearch() {
     const { fixture } = await render(RecipeSearch, {
       providers: [provideRecipeRepositoryFake()],
       configureTestBed(testBed) {

apps/302-recipe-search-integration-testing-library-starter/src/app/recipe/recipe-search.integration.spec.ts

@@ -9,12 +9,12 @@ import { RecipeSearch } from './recipe-search.ng';
 
 describe(RecipeSearch.name, () => {
   it('searches recipes without filtering', async () => {
-    const { getRecipeNames } = await renderComponent();
+    const { getRecipeNames } = await mountRecipeSearch();
 
     expect(getRecipeNames()).toEqual(['Burger', 'Salad']);
   });
 
-  async function renderComponent() {
+  async function mountRecipeSearch() {
     TestBed.configureTestingModule({
       providers: [provideRecipeRepositoryFake()],
     });

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

@@ -8,14 +8,14 @@ import { RecipeSearch } from './recipe-search.ng';
 
 describe(RecipeSearch.name, () => {
   it('searches recipes without filtering', async () => {
-    const { getRecipeNameEls } = await renderComponent();
+    const { getRecipeNameEls } = await mountRecipeSearch();
 
     expect(getRecipeNameEls()).toHaveLength(2);
     expect(getRecipeNameEls()[0]).toHaveTextContent('Burger');
     expect(getRecipeNameEls()[1]).toHaveTextContent('Salad');
   });
 
-  async function renderComponent() {
+  async function mountRecipeSearch() {
     const { fixture } = await render(RecipeSearch, {
       providers: [provideRecipeRepositoryFake()],
       configureTestBed(testBed) {

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

@@ -10,12 +10,12 @@ import { RecipeSearch } from './recipe-search.ng';
 
 describe(RecipeSearch.name, () => {
   it('searches recipes without filtering', async () => {
-    const { getRecipeNames } = await renderComponent();
+    const { getRecipeNames } = await mountRecipeSearch();
 
     expect(getRecipeNames()).toEqual(['Burger', 'Salad']);
   });
 
-  async function renderComponent() {
+  async function mountRecipeSearch() {
     TestBed.configureTestingModule({
       providers: [provideRecipeRepositoryFake()],
     });

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

@@ -8,14 +8,14 @@ import { RecipeSearch } from './recipe-search.ng';
 
 describe(RecipeSearch.name, () => {
   it('searches recipes without filtering', async () => {
-    const { getRecipeNameEls } = await renderComponent();
+    const { getRecipeNameEls } = await mountRecipeSearch();
 
     expect(getRecipeNameEls()).toHaveLength(2);
     expect(getRecipeNameEls()[0]).toHaveTextContent('Burger');
     expect(getRecipeNameEls()[1]).toHaveTextContent('Salad');
   });
 
-  async function renderComponent() {
+  async function mountRecipeSearch() {
     const { fixture } = await render(RecipeSearch, {
       providers: [provideRecipeRepositoryFake()],
       configureTestBed(testBed) {

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

@@ -9,7 +9,7 @@ import { RecipeSearch } from './recipe-search.ng';
 describe(RecipeSearch.name, () => {
   it.todo('🚧 should search recipes without filtering');
 
-  async function renderComponent() {
+  async function mountRecipeSearch() {
     TestBed.configureTestingModule({
       providers: [provideRecipeRepositoryFake()],
     });

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

@@ -8,14 +8,14 @@ import { RecipeSearch } from './recipe-search.ng';
 
 describe(RecipeSearch.name, () => {
   it('searches recipes without filtering', async () => {
-    const { getRecipeNameEls } = await renderComponent();
+    const { getRecipeNameEls } = await mountRecipeSearch();
 
     expect(getRecipeNameEls()).toHaveLength(2);
     expect(getRecipeNameEls()[0]).toHaveTextContent('Burger');
     expect(getRecipeNameEls()[1]).toHaveTextContent('Salad');
   });
 
-  async function renderComponent() {
+  async function mountRecipeSearch() {
     const { fixture } = await render(RecipeSearch, {
       providers: [provideRecipeRepositoryFake()],
       configureTestBed(testBed) {

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

@@ -10,12 +10,12 @@ import { RecipeSearch } from './recipe-search.ng';
 
 describe(RecipeSearch.name, () => {
   it('searches recipes without filtering', async () => {
-    const { getRecipeNames } = await renderComponent();
+    const { getRecipeNames } = await mountRecipeSearch();
 
     expect(getRecipeNames()).toEqual(['Burger', 'Salad']);
   });
 
-  async function renderComponent() {
+  async function mountRecipeSearch() {
     const { debugElement, fixture } = await render(RecipeSearch, {
       providers: [provideRecipeRepositoryFake()],
       configureTestBed(testBed) {