feat: rename ɵcomponentImports to componentImports

BREAKING CHANGE:

The render property ɵcomponentImports is not experimental anymore, and is renamed to componentImports

BEFORE:

render(ParentComponent, {
    ɵcomponentImports: [ChildComponent],
});

AFTER:

render(ParentComponent, {
    componentImports: [ChildComponent],
});

Author: timdeschryver

projects/testing-library/src/lib/models.ts

@@ -215,14 +215,12 @@ export interface RenderComponentOptions<ComponentType, Q extends Queries = typeo
    *
    * @example
    * const component = await render(AppComponent, {
-   *   ɵcomponentImports: [
+   *   componentImports: [
    *     MockChildComponent
    *   ]
    * })
-   *
-   * @experimental
    */
-  ɵcomponentImports?: (Type<any> | any[])[];
+  componentImports?: (Type<any> | any[])[];
   /**
    * @description
    * Queries to bind. Overrides the default set from DOM Testing Library unless merged.

projects/testing-library/src/lib/testing-library.ts

@@ -56,7 +56,7 @@ export async function render<SutType, WrapperType = SutType>(
     componentProperties = {},
     componentProviders = [],
     childComponentOverrides = [],
-    ɵcomponentImports: componentImports,
+    componentImports: componentImports,
     excludeComponentDeclaration = false,
     routes = [],
     removeAngularAttributes = false,

projects/testing-library/tests/render.spec.ts

@@ -79,16 +79,16 @@ describe('standalone with child', () => {
     expect(screen.getByText('A child fixture')).toBeInTheDocument();
   });
 
-  it('renders the standalone component with child given ɵcomponentImports', async () => {
-    await render(ParentFixtureComponent, { ɵcomponentImports: [MockChildFixtureComponent] });
+  it('renders the standalone component with a mocked child', async () => {
+    await render(ParentFixtureComponent, { componentImports: [MockChildFixtureComponent] });
     expect(screen.getByText('Parent fixture')).toBeInTheDocument();
     expect(screen.getByText('A mock child fixture')).toBeInTheDocument();
   });
 
   it('rejects render of template with componentImports set', () => {
     const view = render(`<div><atl-parent-fixture></atl-parent-fixture></div>`, {
       imports: [ParentFixtureComponent],
-      ɵcomponentImports: [MockChildFixtureComponent],
+      componentImports: [MockChildFixtureComponent],
     });
     return expect(view).rejects.toMatchObject({ message: /Error while rendering/ });
   });