jest-preset-angular | Jest configuration preset for Angular projects | Command Line Interface library

1. I am working with ngb-datepicker which is working fine if no initial values or predefined values are set but when trying to use it formControlName or with [(ngModel)] with an existing predefined value the predefined or initial value is not setting on the redenied view. Imagine this as a scenario of editing a form or record with prefilled values. Other formControls with text and numbers are working as intended.
2. I am using NgbStruct Model but still not working.
3. I tried and debugged the code the value are getting assigned to the form control in a patchValue method and in the format of NgbStruct but not seen in the rendered view
4. I tried to implement similar scenario in example provided in stack blitz by ng-bootstrap it is working fine there

Package.json file

I use jest to test an Angular 11.2.6 app recently migrated from 8 to 11. Jest version is :

"jest": "^26.6.3", "jest-preset-angular": "^8.4.0"

I run jest, most of my tests pass, but I have three tests keeping running infinitely.

I don't have any clue about the involved error in the logs.

By adding comment on the corresponding html file, I realized that to delete one particular type of div (two customized component from external library) in particular in each file, the tests pass. However, those divs also exist on other tested files, and I don't see any difference between them.

Would you have a clue, to have more details in the logs for example?

I have a project where I have updated all of the packages.

Before the update all e2e tests functioned as expected.

After the update, The product itself compiles and runs as expected.

However, the e2e tests are showing unexpected issues both in the IDE and at run time.

For example,

I am migrating my component unit tests with only jest to UI tests using Testbed and jest (Before I had just unit test with component = new MyCompontent()).

I am using Angular 11.

There is one thing I do not understand about compileComponents. In the docs it says "You can ignore this section if you only run tests with the CLI ng test command because the CLI compiles the application before running the tests."

I am not calling ng test but jest --watch but my tests work both with and without compileComponents ( by work I mean they assert correctly my view).

Also there is a "You must call this method if any of the testing module components have a templateUrl or styleUrls because fetching component template and style files is necessarily asynchronous"

My component is using both templateUrl and styleUrls

For our pipeline we have two windows self-hosted agents installed on the same computer. Our main front-end pipeline .yml is listed below. This works fine except for some reason the npm install doesn't get nx, or jest. To fix this we can just run npm install -g nx and npm install -g jest once in the pipeline for each agent. After the first run it is fine and we can remove the extra installs to speed up execution. However, it won't update when new versions of nx or jest are released and this definitely isn't best practices.

I am guessing the problem is that these need to be install globally to work so the regular npm install can't achieve that. I included a slightly modified version of our package.json which shows that nx (@nrwl) and jest are included in the package. Does anyone know a better way to install the nx and jest without reinstalling them each pipeline build and without removing install statements after the first run with a new agent? Thank you in advance for any suggestions, please let me know if I can provide any additional information.

I have problem with custom relative path in jest. Jest cannot find module after several attempts didn't find solution for this? I have problem with this config or problem can be in other config file? If needed I can post others config files ;)

I've recently added basic unit tests with jest and now for some reason when I run the angular app using "ng serve" my mat-icons show up as and my HttpClient calling my backend will not return any response. I am subscribed to the observable and even try to catch the empty observable with .pipe(finalize()), no response, and the network is not showing any requests being made. The terminal running ng serve also is not showing any errors.

I can confirm that when I build and serve the files through a node server for production(I know I should be using ngnx) everything works as expected. The back-end api is also responding correctly to postman and terminal curl calls.

I have a feeling it has to do with how I configured jest or something I messed up in a config file but I can't seem to figure it out. I also have no clue how this svg class="fake-testing-svg" is getting injected into the html as I cannot find it anywhere in my code.

login.component.ts

I am facing an issue while running testing using jest in my angular application after upgrading jest to v9 while using serilize-ts

The error is:

I'm migrating my project from Karma-Jasmine to Jest. But I'm getting the following error. It seems I'm missing some configuration.

The error points out to constructor(@Inject('env') env: IEnvironment, line from the service which is imported in the app.component.ts file.

Error is as below