fix(vitest-angular): normalize snapshot whitespace (#2237)

Author: benpsnyder

packages/vitest-angular/src/lib/snapshot-serializers/angular-fixture.spec.ts

@@ -84,6 +84,26 @@ describe('ng-snapshot serializer', () => {
     `);
   });
 
+  it('normalizes trailing whitespace in serialized text nodes', () => {
+    const fixture = createComponentFixture(
+      'app-copy',
+      '<p>For guides on how to customize this project, visit the <a href="https://analogjs.org">Analog documentation</a></p>',
+    );
+
+    expect(fixture).toMatchInlineSnapshot(`
+      <app-copy>
+        <p>
+          For guides on how to customize this project, visit the
+          <a
+            href="https://analogjs.org"
+          >
+            Analog documentation
+          </a>
+        </p>
+      </app-copy>
+    `);
+  });
+
   it('serializes an Angular component', () => {
     @Component({
       selector: 'app-chip',
@@ -107,4 +127,20 @@ describe('ng-snapshot serializer', () => {
       </app-chip>
     `);
   });
+
+  it('normalizes trailing spaces and repeated blank lines', () => {
+    const fixture = createComponentFixture('app-test', '<span>Title</span>');
+    const serializer = createAngularFixtureSnapshotSerializer();
+
+    const result = serializer.serialize?.(
+      fixture,
+      {} as any,
+      '',
+      0,
+      [],
+      () => `<app-test>  \n\n\n  <span>Title</span>   \n</app-test>\t`,
+    );
+
+    expect(result).toBe(`<app-test>\n\n  <span>Title</span>\n</app-test>`);
+  });
 });

packages/vitest-angular/src/lib/snapshot-serializers/angular-fixture.ts

@@ -100,15 +100,21 @@ function fixtureVitestSerializer(fixture: any) {
   return doc.body.childNodes[0];
 }
 
+function normalizeSnapshotOutput(value: string): string {
+  return (
+    value
+      // Inline snapshots should not fail after formatters strip trailing spaces.
+      .replace(/[ \t]+$/gm, '')
+      // Comment removal can leave repeated empty lines in pretty-printed output.
+      .replace(/\n{3,}/g, '\n\n')
+  );
+}
+
 export function createAngularFixtureSnapshotSerializer(): SnapshotSerializer {
   return {
     serialize(val, config, indentation, depth, refs, printer) {
-      return printer(
-        fixtureVitestSerializer(val),
-        config,
-        indentation,
-        depth,
-        refs,
+      return normalizeSnapshotOutput(
+        printer(fixtureVitestSerializer(val), config, indentation, depth, refs),
       );
     },
     test(val) {

tests/vitest-angular/src/snapshot-serializers/__snapshots__/angular-fixture-snapshot.spec.ts.snap

@@ -32,7 +32,7 @@ exports[`Angular Fixture Snapshot > create angular component componentRef fixtur
   <p
     class="read-the-docs"
   >
-     For guides on how to customize this project, visit the 
+     For guides on how to customize this project, visit the
     <a
       href="https://analogjs.org"
       target="_blank"
@@ -75,7 +75,7 @@ exports[`Angular Fixture Snapshot > create angular fixture snapshot 1`] = `
   <p
     class="read-the-docs"
   >
-     For guides on how to customize this project, visit the 
+     For guides on how to customize this project, visit the
     <a
       href="https://analogjs.org"
       target="_blank"