feat: release v13 (#327)

* feat: update to Angular 15

* feat: rename ɵcomponentImports to componentImports

BREAKING CHANGE:

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

BEFORE:

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

AFTER:

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

* docs: update material inputs example (#324)

* fix: don't fire router events on render (#325)

Closes #318

* fix: don't invoke ngOnChanges when no properties are provided (#326)

Closes #323

BREAKING CHANGE:

This change is made to have the same behavior as the run time behavior.

BEFORE:

The `ngOnChanges` lifecycle is always invoked when a component is rendered. 

AFTER:

The `ngOnChanges` lifecycle is only invoked if a component is rendered with `componentProperties`.

* feat: add more fine-grained control over inputs and outputs (#328)

BREAKING CHANGE:

`rerender` expects properties to be wrapped in an object containing `componentProperties` (or `componentInputs` and `componentOutputs` to have a more fine-grained control).

BEFORE:

```ts
await render(PersonComponent, { 
  componentProperties: { 
    name: 'Sarah' 
  }
});


await rerender({ name: 'Sarah 2' });
```

AFTER:

```ts
await render(PersonComponent, { 
  componentProperties: { 
    name: 'Sarah' 
  }
});


await rerender({ 
  componentProperties: { 
    name: 'Sarah 2' 
  }
});
```

* feat: add ability to turn off auto detect changes (#329)

* chore: update peer dependencies (#330)

BREAKING CHANGE:

BEFORE:

The minimum version of Angular is v14.0.0

AFTER:

The minimum version of Angular is v14.1.0

* feat: childComponentOverrides is stable (#338)

* fix: invoke changeChanges once on input change (#339)

* feat: remove detectChanges in favor of detectChangesOnRender (#341)

BREAKING CHANGE:

The config property detectChanges is renamed to detectChangesOnRender.

BEFORE:

```ts
const component = await render(AppComponent, {
  detectChanges: false
});
```

AFTER:

```ts
const component = await render(AppComponent, {
  detectChangesOnRender: false
});
```

* test: extra tests for ngOnChanges (#342)

* test: add test example for harness (#343)

Author: timdeschryver

.github/workflows/ci.yml

@@ -27,7 +27,7 @@ jobs:
         with:
           node-version: ${{ matrix.node-version }}
       - name: install
-        run: npm install
+        run: npm install --legacy-peer-deps
       - name: build
         run: npm run build -- --skip-nx-cache
       - name: test

apps/example-app-karma/.browserslistrc

@@ -1,4 +1,5 @@
 {
+  "name": "example-app-karma",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
   "projectType": "application",
   "sourceRoot": "apps/example-app-karma/src",

apps/example-app-karma/project.json

@@ -9,7 +9,7 @@ it('https://github.com/testing-library/angular-testing-library/issues/222 with r
 
   expect(screen.getByText('Hello Sarah')).toBeTruthy();
 
-  await rerender({ name: 'Mark' });
+  await rerender({ componentProperties: { name: 'Mark' } });
 
   expect(screen.getByText('Hello Mark')).toBeTruthy();
 });

apps/example-app-karma/src/app/issues/issue-222.spec.ts

@@ -9,11 +9,5 @@ beforeEach(() => {
   jasmine.addMatchers(JasmineDOM);
 });
 
-declare const require: any;
-
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting(), {});
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);

apps/example-app-karma/src/test.ts

@@ -3,7 +3,9 @@
   "compilerOptions": {
     "outDir": "../../dist/out-tsc",
     "types": [],
-    "allowJs": true
+    "allowJs": true,
+    "target": "ES2022",
+    "useDefineForClassFields": false
   },
   "files": ["src/main.ts", "src/polyfills.ts"],
   "include": ["src/**/*.d.ts"],

apps/example-app-karma/tsconfig.app.json

@@ -2,7 +2,9 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/spec",
-    "types": ["jasmine", "node", "@testing-library/jasmine-dom"]
+    "types": ["jasmine", "node", "@testing-library/jasmine-dom"],
+    "target": "ES2022",
+    "useDefineForClassFields": false
   },
   "files": ["src/test.ts", "src/polyfills.ts"],
   "include": ["**/*.spec.ts", "**/*.d.ts"]

apps/example-app-karma/tsconfig.spec.json

@@ -1,4 +1,5 @@
 {
+  "name": "example-app",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
   "projectType": "application",
   "sourceRoot": "apps/example-app/src",
@@ -75,7 +76,7 @@
       "options": {
         "jestConfig": "apps/example-app/jest.config.ts"
       },
-      "outputs": ["coverage/"]
+      "outputs": ["{workspaceRoot}/coverage/"]
     }
   },
   "tags": []

apps/example-app/.browserslistrc

@@ -95,7 +95,7 @@ export const routes: Routes = [
 ];
 
 @NgModule({
-  imports: [RouterModule.forRoot(routes, { relativeLinkResolution: 'legacy' })],
+  imports: [RouterModule.forRoot(routes, {})],
   exports: [RouterModule],
 })
 export class AppRoutingModule {}