angular: update snapshot

Author: mshima

generators/angular/__snapshots__/generator.spec.ts.snap

@@ -524,7 +524,30 @@ describe('UserManagement Management Component', () => {
     await vitest.runAllTimersAsync();
 
     // THEN
-    expect(service.userManagementsResource.isLoading()).toEqual(false);
+    expect(comp.isLoading()).toEqual(false);
+    expect(comp.userManagements()[0]).toEqual(expect.objectContaining({login: 'Pattie.Kertzmann'}));
+  });
+
+
+  it('old requests should be cancelled', async () => {
+    // WHEN
+    TestBed.tick();
+    const req = httpMock.expectOne({ method: 'GET' });
+    await vitest.runAllTimersAsync();
+
+    comp.page.set(3);
+    comp.load();
+    await vitest.runAllTimersAsync();
+    const req2 = httpMock.expectOne({ method: 'GET' });
+    req2.flush(
+      [{login: 'Pattie.Kertzmann'}],
+      { headers: { link: '<http://localhost/api/foo?page=1&size=20>; rel="next"' } },
+    );
+    await vitest.runAllTimersAsync();
+
+    // THEN
+    expect(req.cancelled).toBeTruthy();
+    expect(comp.isLoading()).toEqual(false);
     expect(comp.userManagements()[0]).toEqual(expect.objectContaining({login: 'Pattie.Kertzmann'}));
   });
 
@@ -611,10 +634,11 @@ describe('UserManagement Management Component', () => {
     "stateCleared": "modified",
   },
   "src/main/webapp/app/entities/admin/user-management/list/user-management.ts": {
-    "contents": "import { Component, computed, effect, inject, OnInit, signal, WritableSignal } from '@angular/core';
+    "contents": "import { Component, computed, effect, inject, signal, WritableSignal, untracked } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
 import { HttpHeaders } from '@angular/common/http';
 import { ActivatedRoute, Data, ParamMap, Router, RouterLink } from '@angular/router';
-import { combineLatest, filter, finalize, Observable, Subscription, tap } from 'rxjs';
+import { combineLatest, filter, map, tap } from 'rxjs';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 
 import { AlertError } from 'app/shared/alert/alert-error';
@@ -656,9 +680,8 @@ import { UserManagementDeleteDialog } from '../delete/user-management-delete-dia
       ItemCount,
     ],
 })
-export class UserManagement implements OnInit {
+export class UserManagement {
 
-    subscription: Subscription | null = null;
     readonly userManagements = signal<IUserManagement[]>([]);
 
     sortState = sortStateSignal({});
@@ -672,6 +695,11 @@ export class UserManagement implements OnInit {
     // eslint-disable-next-line @typescript-eslint/member-ordering
     readonly isLoading = this.userManagementService.userManagementsResource.isLoading;
     protected readonly activatedRoute = inject(ActivatedRoute);
+  protected readonly activatedRouteState = toSignal(
+    combineLatest([this.activatedRoute.queryParamMap, this.activatedRoute.data]).pipe(
+      map(([queryParamMap, data]) => ({ queryParamMap, data })),
+    ),
+  );
     protected readonly sortService = inject(SortService);
     protected modalService = inject(NgbModal);
 
@@ -685,18 +713,20 @@ export class UserManagement implements OnInit {
     effect(() => {
       this.userManagements.set(this.fillComponentAttributesFromResponseBody([...this.userManagementService.userManagements()]));
     });
+    effect(() => {
+      const activatedRouteState = this.activatedRouteState();
+      if (activatedRouteState) {
+        // Only watch for route changes. Other signals should be ignored.
+        untracked(() => {
+          this.fillComponentAttributeFromRoute(activatedRouteState.queryParamMap, activatedRouteState.data);
+          this.load();
+        });
+      }
+    });
   }
 
     trackLogin = (item: IUserManagement): string => this.userManagementService.getUserManagementIdentifier(item);
 
-    ngOnInit(): void {
-      this.subscription = combineLatest([this.activatedRoute.queryParamMap, this.activatedRoute.data]).pipe(
-        tap(([params, data]) => this.fillComponentAttributeFromRoute(params, data)),
-        tap(() => this.load()),
-      ).subscribe();
-
-    }
-
 
     delete(userManagement: IUserManagement): void {
       const modalRef = this.modalService.open(UserManagementDeleteDialog, { size: 'lg', backdrop: 'static' });