[Bug]: Jest snapshots feature is broken with Angular 15.2.2

[richardeschloss]

Version

13.0.0-next.1

Steps to reproduce

Attempt to create a snapshot on a very simple component: (AppComponent here, for example)

//
...
await TestBed.configureTestingModule({
  declarations: [AppComponent],
}).compileComponents();
const fixture = TestBed.createComponent(AppComponent);
expect(fixture).toMatchSnapshot()

The test errors out because the latest @angular/core at 15.2.2 no longer exports ɵivyEnabled :( as the serializer is expecting here and as a result, the else block here incorrectly gets hit, causing the undefined error.

Expected behavior

Expect snapshots to be taken / tested against.

Actual behavior

Test failing on undefined errors.

Additional context

Perhaps we might want to do away with the "is Ivy check?" altogether, and just make the latest preset only compatible with Ivy (and eliminate the else condition)? (Alternatives: read in the version property from angular/core to do the isIvy check)

Environment

Windows 11 (I'm away from work computer at the moment)

[richardeschloss]

That export was removed recently in this PR: angular/angular#49296

I'm not sure what the meaning is behind their use of "theta" as a prefix for the export. Is that a Google convention?

[ahnpnl]

Indeed we observed our CI also failed in #2001

The theta is an Angular thing when they made the Ivy compiler.

The original PR for Ivy compatibility is here #366

This preset is still supporting Angular versions which contain VE so I think we should create a separate serializer which doesn’t use that ivyEnabled check and ask Ivy users to use the new serializer. That will not become a breaking change.

[rubiesonthesky]

Is there any way to fix this temporary locally until new serializer is added?

I wonder could this library do something similar as help-me-mom/ng-mocks#5126 ? That does not seem to be breaking change and keeps non-ivy / ivy support?

[ahnpnl]

As long as there is an alternative way to detect Ivy mode, it should be ok. PR is welcome.

[vicentematus]

What would be the solution the to make snapshots works? is there any flag for the ivy related thing for Angular 15?

[vicentematus]

Ok so the solution was to update to jest-preset-angular 13.0.1 based on the issue on angular-builders. And also Jest.

Running

ng update [email protected] jest@29 ts-jest@29

And after that the snapshots started working