save

Author: Brooooooklyn

napi/angular-compiler/e2e/compare/debug-i18n.ts

@@ -1,14 +1,19 @@
-import { compileFixture } from "./src/index.ts";
+import { compileWithOxc } from "./src/compilers/oxc.js";
+import { compileWithAngular } from "./src/compilers/angular.js";
 import { fixtures } from "./fixtures/i18n/i18n-nested.fixture.ts";
 
-const fixture = fixtures.find((f) => f.name === "i18n-on-ng-template-with-ngIfElse");
+const fixture = fixtures.find((f) => f.name === "i18n-same-static-attr-in-conditionals");
 if (!fixture) {
   console.error("Fixture not found");
   process.exit(1);
 }
 
-const result = compileFixture(fixture, true);
-console.log("===== TypeScript Full =====");
-console.log(result.tsOutput.fullCode);
-console.log("\n===== OXC Full =====");
-console.log(result.oxcOutput.fullCode);
+const filePath = `/fixtures/${fixture.category}/${fixture.name}.component.ts`;
+
+const tsResult = compileWithAngular(fixture.template!, fixture.className, filePath, {});
+const oxcResult = compileWithOxc(fixture.template!, fixture.className, filePath, {});
+
+console.log("===== TypeScript =====");
+console.log(tsResult.code);
+console.log("\n===== OXC =====");
+console.log(oxcResult.code);

napi/angular-compiler/e2e/compare/fixtures/i18n/i18n-nested.fixture.ts

@@ -227,4 +227,28 @@ export const fixtures: Fixture[] = [
     `,
     expectedFeatures: ["ɵɵi18nStart", "ɵɵi18nEnd"],
   },
+  {
+    name: "i18n-with-templates-and-text",
+    category: "i18n",
+    description: "i18n block with ng-templates having ngTemplateOutlet and interpolation - matches DatepickerComponent pattern",
+    className: "I18nWithTemplatesAndTextComponent",
+    template: `
+      <ng-template [ngIf]="showContent">
+        <ng-template #tmplRef1><span>Template 1</span></ng-template>
+        <ng-template #tmplRef2><span>Template 2</span></ng-template>
+        <ng-template #tmplRef3><span>Template 3</span></ng-template>
+        <div i18n>
+          <div [ngClass]="classA">
+            <div>{{ inputLabel }}</div>
+            <ng-template [ngTemplateOutlet]="tmplRef1"></ng-template>
+          </div>
+          <div [ngClass]="classB">
+            <ng-template [ngTemplateOutlet]="tmplRef2"></ng-template>
+          </div>
+          <ng-template [ngTemplateOutlet]="tmplRef3"></ng-template>
+        </div>
+      </ng-template>
+    `,
+    expectedFeatures: ["ɵɵi18nStart", "ɵɵi18nEnd", "ɵɵi18nExp", "ɵɵproperty"],
+  },
 ];