packages/angular/build/src/tools/oxc/elide-angular-metadata_oxc_spec.ts - main - githubmirror/angular-cli

packages/angular/build/src/tools/oxc/elide-angular-metadata_oxc_spec.ts
213 строк6 KB
Alan Agius
refactor(@angular/build): relocate oxc-transform to dedicated oxc directory
05 авг 2026, 12:47
05 авг 2026, 12:47fffec59
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://angular.dev/license
 */

import { transform } from './oxc-transform';

function cleanCode(code: string): string {
  return code
    .replace(/\s+/g, '')
    .replace(/"/g, "'")
    .replace(/;}/g, '}')
    .replace(/,([}\])])/g, '$1');
}

function testCase({
  input,
  expected,
}: {
  input: string;
  expected: string;
}): jasmine.ImplementationCallback {
  return async () => {
    const result = transform('test.js', input, {
      sourcemap: false,
      pureAnnotate: false,
    });
    if (!result?.code) {
      fail('Expected oxc-transform to return a transform result.');
    } else {
      const actualClean = cleanCode(result.code);
      const expectedClean = cleanCode(expected);
      expect(actualClean).toEqual(expectedClean);
    }
  };
}

describe('elide-angular-metadata oxc-transform implementation', () => {
  it(
    'elides pure annotated ɵsetClassMetadata',
    testCase({
      input: `
        import { Component } from '@angular/core';
        export class SomeClass {}
        /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(Clazz, [{
            type: Component,
            args: [{
                    selector: 'app-lazy',
                    template: 'very lazy',
                    styles: []
                }]
        }], null, null); })();
      `,
      expected: `
        import { Component } from '@angular/core';
        export class SomeClass {}
        /*@__PURE__*/ (function () { void 0 })();
      `,
    }),
  );

  it(
    'elides JIT mode protected ɵsetClassMetadata',
    testCase({
      input: `
        import { Component } from '@angular/core';
        export class SomeClass {}
        (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵsetClassMetadata(SomeClass, [{
            type: Component,
            args: [{
                    selector: 'app-lazy',
                    template: 'very lazy',
                    styles: []
                }]
        }], null, null); })();`,
      expected: `
        import { Component } from '@angular/core';
        export class SomeClass {}
        (function () { (typeof ngJitMode === "undefined" || ngJitMode) && void 0 })();`,
    }),
  );

  it(
    'elides ɵsetClassMetadata inside an arrow-function-based IIFE',
    testCase({
      input: `
        import { Component } from '@angular/core';
        export class SomeClass {}
        /*@__PURE__*/ (() => { i0.ɵsetClassMetadata(Clazz, [{
            type: Component,
            args: [{
                    selector: 'app-lazy',
                    template: 'very lazy',
                    styles: []
                }]
        }], null, null); })();
      `,
      expected: `
        import { Component } from '@angular/core';
        export class SomeClass {}
        /*@__PURE__*/ (() => { void 0 })();
      `,
    }),
  );

  it(
    'elides pure annotated ɵsetClassMetadataAsync',
    testCase({
      input: `
        import { Component } from '@angular/core';
        export class SomeClass {}
        /*@__PURE__*/ (function () {
          i0.ɵsetClassMetadataAsync(SomeClass,
            function () { return [import("./cmp-a").then(function (m) { return m.CmpA; })]; },
            function (CmpA) { i0.ɵsetClassMetadata(SomeClass, [{
                type: Component,
                args: [{
                        selector: 'test-cmp',
                        standalone: true,
                        imports: [CmpA, LocalDep],
                        template: '{#defer}<cmp-a/>{/defer}',
                    }]
              }], null, null); });
            })();
      `,
      expected: `
        import { Component } from '@angular/core';
        export class SomeClass {}
        /*@__PURE__*/ (function () { void 0 })();
      `,
    }),
  );

  it(
    'elides JIT mode protected ɵsetClassMetadataAsync',
    testCase({
      input: `
        import { Component } from '@angular/core';
        export class SomeClass {}
        (function () {
          (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵsetClassMetadataAsync(SomeClass,
            function () { return [import("./cmp-a").then(function (m) { return m.CmpA; })]; },
            function (CmpA) { i0.ɵsetClassMetadata(SomeClass, [{
                type: Component,
                args: [{
                        selector: 'test-cmp',
                        standalone: true,
                        imports: [CmpA, LocalDep],
                        template: '{#defer}<cmp-a/>{/defer}',
                    }]
              }], null, null); });
            })();
      `,
      expected: `
        import { Component } from '@angular/core';
        export class SomeClass {}
        (function () { (typeof ngJitMode === "undefined" || ngJitMode) && void 0 })();
      `,
    }),
  );

  it(
    'elides arrow-function-based ɵsetClassMetadataAsync',
    testCase({
      input: `
        import { Component } from '@angular/core';
        export class SomeClass {}
        /*@__PURE__*/ (() => {
          i0.ɵsetClassMetadataAsync(SomeClass,
            () => [import("./cmp-a").then(m => m.CmpA)],
            (CmpA) => { i0.ɵsetClassMetadata(SomeClass, [{
                type: Component,
                args: [{
                        selector: 'test-cmp',
                        standalone: true,
                        imports: [CmpA, LocalDep],
                        template: '{#defer}<cmp-a/>{/defer}',
                    }]
              }], null, null); });
            })();
      `,
      expected: `
        import { Component } from '@angular/core';
        export class SomeClass {}
        /*@__PURE__*/ (() => { void 0 })();
      `,
    }),
  );

  it(
    'elides ɵsetClassDebugInfo',
    testCase({
      input: `
        import { Component } from '@angular/core';
        class SomeClass {}
        (() => {
          (typeof ngDevMode === 'undefined' || ngDevMode) &&
            i0.ɵsetClassDebugInfo(SomeClass, { className: 'SomeClass' });
        })();
      `,
      expected: `
        import { Component } from "@angular/core";
        class SomeClass {}
        (() => {
          (typeof ngDevMode === "undefined" || ngDevMode) && void 0;
        })();
      `,
    }),
  );
});