Chorehancement: update to Angular v22, 'zoneless' / 'reactive' (#13114)

src-ui/src/app/components/manage/mail/processed-mail-dialog/processed-mail-dialog.component.spec.ts

@@ -64,7 +64,7 @@ describe('ProcessedMailDialogComponent', () => {
     toastService = TestBed.inject(ToastService)
     fixture = TestBed.createComponent(ProcessedMailDialogComponent)
     component = fixture.componentInstance
-    component.rule = rule
+    component.rule.set(rule)
   })
 
   afterEach(() => {
@@ -83,8 +83,8 @@ describe('ProcessedMailDialogComponent', () => {
     fixture.detectChanges()
     const req = expectListRequest(rule.id)
     req.flush({ count: 2, results: mails })
-    expect(component.loading).toBeFalsy()
-    expect(component.processedMails).toEqual(mails)
+    expect(component.loading()).toBeFalsy()
+    expect(component.processedMails()).toEqual(mails)
   })
 
   it('should delete selected mails and reload', () => {
@@ -94,8 +94,8 @@ describe('ProcessedMailDialogComponent', () => {
     initialReq.flush({ count: 0, results: [] })
 
     // select a couple of mails and delete
-    component.selectedMailIds.add(5)
-    component.selectedMailIds.add(6)
+    component.selectedMailIds().add(5)
+    component.selectedMailIds().add(6)
     const toastInfoSpy = jest.spyOn(toastService, 'showInfo')
     component.deleteSelected()
 
@@ -127,18 +127,18 @@ describe('ProcessedMailDialogComponent', () => {
     header.dispatchEvent(new Event('click'))
     header.checked = true
     header.dispatchEvent(new Event('click'))
-    expect(component.selectedMailIds.size).toEqual(mails.length)
+    expect(component.selectedMailIds().size).toEqual(mails.length)
 
     // toggle a single mail
     component.toggleSelected(mails[0] as any)
-    expect(component.selectedMailIds.has(mails[0].id)).toBeFalsy()
+    expect(component.selectedMailIds().has(mails[0].id)).toBeFalsy()
     component.toggleSelected(mails[0] as any)
-    expect(component.selectedMailIds.has(mails[0].id)).toBeTruthy()
+    expect(component.selectedMailIds().has(mails[0].id)).toBeTruthy()
 
     // clear selection
     component.clearSelection()
-    expect(component.selectedMailIds.size).toEqual(0)
-    expect(component.toggleAllEnabled).toBeFalsy()
+    expect(component.selectedMailIds().size).toEqual(0)
+    expect(component.toggleAllEnabled()).toBeFalsy()
   })
 
   it('should close the dialog', () => {