docs: add signal input test

Author: timdeschryver

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

@@ -0,0 +1,21 @@
+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';
+  }
+
+  await render(WrapperComponent);
+
+  expect(screen.getByText(/hello world/i)).toBeInTheDocument();
+});

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

@@ -0,0 +1,13 @@
+import { Component, input } from '@angular/core';
+
+@Component({
+  selector: 'app-signal-input',
+  template: ` {{ greetings() }} {{ name() }} `,
+  standalone: true,
+})
+export class SignalInputComponent {
+  greetings = input<string>('', {
+    alias: 'greeting',
+  });
+  name = input.required<string>();
+}

package.json

@@ -85,7 +85,7 @@
     "jasmine-spec-reporter": "7.0.0",
     "jest": "29.5.0",
     "jest-environment-jsdom": "29.5.0",
-    "jest-preset-angular": "13.1.6",
+    "jest-preset-angular": "14.0.3",
     "karma": "6.4.0",
     "karma-chrome-launcher": "^3.1.0",
     "karma-coverage": "^2.2.1",