feat: support signal input from angular 17.1

Adds a custom transformer to transform Angular Code, specifically,
signals (input, query and models) to behave better in jit-environment.

Solves help-me-mom#7976

Author: André Andersson

.circleci/config.yml

@@ -91,6 +91,7 @@ commands:
           paths:
             - ./e2e/<< parameters.dir >>/node_modules
             - ~/.cache/puppeteer
+            - ./transformers
   test:
     parameters:
       dir:
@@ -164,6 +165,7 @@ jobs:
           paths:
             - ./node_modules
             - ~/.cache/puppeteer
+            - ./transformers
       - run:
           name: Prettier
           command: npm run prettier:check
@@ -172,7 +174,7 @@ jobs:
           command: npx commitlint -V --from=origin/master
       - run:
           name: Lint code style
-          command: npm run lint -- --ignore-pattern e2e/ --ignore-pattern tests-e2e/
+          command: npm run lint -- --ignore-pattern e2e/ --ignore-pattern tests-e2e/ --ignore-pattern transformers/
       - run:
           name: Lint typescript
           command: npm run ts:check
@@ -250,6 +252,7 @@ jobs:
                 paths:
                   - ./tests-e2e/node_modules
                   - ~/.cache/puppeteer
+                  - ./transformers
             - run:
                 name: E2E
                 command: npm run e2e
@@ -282,6 +285,7 @@ jobs:
                 paths:
                   - ./docs/node_modules
                   - ~/.cache/puppeteer
+                  - ./transformers
             - run:
                 name: Docs
                 command: npm run build:docs
@@ -368,6 +372,7 @@ jobs:
                   - ./e2e/a5es5/node_modules
                   - ~/.cache/puppeteer
                   - /ProgramData/nvm/temp
+                  - ./transformers
             - run:
                 name: Spreading Build
                 command: |

.prettierignore

@@ -19,6 +19,7 @@ node_modules/
 test-reports/
 tests-e2e/.angular
 tmp/
+transformers/
 
 **/*.sh
 **/*.snap

e2e/a18/src/tests/issue-7976/test.spec.ts

@@ -0,0 +1,24 @@
+import { Component, input } from '@angular/core';
+import { MockBuilder, MockRender, ngMocks } from 'ng-mocks';
+
+@Component({
+  selector: 'test-component',
+  template: '<h1>{{ header() }}</h1>',
+  standalone: true,
+})
+class TestComponent {
+  public readonly header = input.required<string>();
+}
+
+// See https://github.com/help-me-mom/ng-mocks/issues/7976
+describe('issue-7976', () => {
+  beforeEach(() => MockBuilder(TestComponent));
+
+  it('should print header', () => {
+    const fixture = MockRender(TestComponent, {
+      header: 'Hello world!',
+    });
+
+    expect(ngMocks.formatText(fixture)).toBe('Hello world!');
+  });
+});

karma.conf.ts

@@ -5,6 +5,9 @@ import path from 'node:path';
 import { Config } from 'karma';
 import puppeteer from 'puppeteer';
 import { TsconfigPathsPlugin } from 'tsconfig-paths-webpack-plugin';
+import { Program } from 'typescript';
+
+import { angularJitApplicationTransform } from './transformers/jit-transform.js';
 
 process.env.CHROME_BIN = puppeteer.executablePath();
 
@@ -120,6 +123,9 @@ export default (config: Config) => {
                 options: {
                   configFile: './tsconfig.json',
                   transpileOnly: true,
+                  getCustomTransformers: (program: Program) => ({
+                    before: [angularJitApplicationTransform(program)],
+                  }),
                 },
               },
             ],