docs: add signal input component test

Author: timdeschryver

apps/example-app/src/app/examples/22-signal-inputs.component.spec.ts

@@ -1,21 +1,33 @@
 import { render, screen } from '@testing-library/angular';
 import { SignalInputComponent } from './22-signal-inputs.component';
-import { Component } from '@angular/core';
 
-test('works with signal inputs using a wrapper component', async () => {
-  @Component({
-    template: `
-      <app-signal-input [greeting]="greeting" [name]="name"/>
-    `,
-    standalone: true,
-    imports: [SignalInputComponent],
-  })
-  class WrapperComponent {
-    greeting = 'Hello';
-    name = 'world';
-  }
+test('works with signal inputs', async () => {
+  await render(SignalInputComponent, {
+    componentInputs: {
+      name: 'world',
+      greeting: 'Hello',
+    },
+  });
 
-  await render(WrapperComponent);
+  expect(screen.getByText(/hello world/i)).toBeInTheDocument();
+});
+
+test('works with signal inputs and rerenders', async () => {
+  const view = await render(SignalInputComponent, {
+    componentInputs: {
+      greeting: 'Hello',
+      name: 'world',
+    },
+  });
 
   expect(screen.getByText(/hello world/i)).toBeInTheDocument();
+
+  await view.rerender({
+    componentInputs: {
+      greeting: 'bye',
+      name: 'test',
+    },
+  });
+
+  expect(screen.getByText(/bye test/i)).toBeInTheDocument();
 });

package.json

@@ -83,7 +83,7 @@
     "eslint-plugin-testing-library": "~5.0.1",
     "jasmine-core": "4.2.0",
     "jasmine-spec-reporter": "7.0.0",
-    "jest": "29.5.0",
+    "jest": "29.7.0",
     "jest-environment-jsdom": "29.5.0",
     "jest-preset-angular": "14.0.3",
     "karma": "6.4.0",