sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-28 22:42:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

#3133 Changed Service Worker Update Implementation to Angular v12 and Fixed Unit Tests

Browse Source
This commit is contained in:
Nino Righi
2022-05-24 18:14:58 +02:00
parent 90afcc008d
commit 9c12eda210
2 changed files with 89 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
apps/isa-app/src/app/app.component.spec.ts
View File

@@ -88,45 +88,48 @@ describe('AppComponent', () => {
});
});
describe('updateClient()', () => {
it('should call checkForUpdate() if SwUpdate.isEnabled is True', () => {
spyOn(spectator.component, 'checkForUpdate');
spyOn(spectator.component, 'initialCheckForUpdate');
(swUpdateMock as any).isEnabled = true;
spectator.component.updateClient();
expect(spectator.component.initialCheckForUpdate).toHaveBeenCalled();
expect(spectator.component.checkForUpdate).toHaveBeenCalled();
});
// --------------------------------------------------------
// Unit Tests Implementation for Angular Version 13.x.x
it('should not call checkForUpdate() if SwUpdate.isEnabled is False', () => {
spyOn(spectator.component, 'checkForUpdate');
spyOn(spectator.component, 'initialCheckForUpdate');
(swUpdateMock as any).isEnabled = false;
spectator.component.updateClient();
expect(spectator.component.initialCheckForUpdate).not.toHaveBeenCalled();
expect(spectator.component.checkForUpdate).not.toHaveBeenCalled();
});
});
// describe('updateClient()', () => {
// it('should call checkForUpdate() if SwUpdate.isEnabled is True', () => {
// spyOn(spectator.component, 'checkForUpdate');
// spyOn(spectator.component, 'initialCheckForUpdate');
// (swUpdateMock as any).isEnabled = true;
// spectator.component.updateClient();
// expect(spectator.component.initialCheckForUpdate).toHaveBeenCalled();
// expect(spectator.component.checkForUpdate).toHaveBeenCalled();
// });
describe('checkForUpdate', () => {
it('should call swUpdate.checkForUpdate() and notifications.updateNotification() every second', fakeAsync(() => {
swUpdateMock.checkForUpdate.and.returnValue(Promise.resolve());
spectator.component.checkForUpdates = 1000;
spectator.component.checkForUpdate();
// it('should not call checkForUpdate() if SwUpdate.isEnabled is False', () => {
// spyOn(spectator.component, 'checkForUpdate');
// spyOn(spectator.component, 'initialCheckForUpdate');
// (swUpdateMock as any).isEnabled = false;
// spectator.component.updateClient();
// expect(spectator.component.initialCheckForUpdate).not.toHaveBeenCalled();
// expect(spectator.component.checkForUpdate).not.toHaveBeenCalled();
// });
// });
spectator.detectChanges();
tick(1100);
// describe('checkForUpdate', () => {
// it('should call swUpdate.checkForUpdate() and notifications.updateNotification() every second', fakeAsync(() => {
// swUpdateMock.checkForUpdate.and.returnValue(Promise.resolve());
// spectator.component.checkForUpdates = 1000;
// spectator.component.checkForUpdate();
expect(notificationsHubMock.updateNotification).toHaveBeenCalled();
discardPeriodicTasks();
}));
});
// spectator.detectChanges();
// tick(1100);
describe('initialCheckForUpdate', () => {
it('should call swUpdate.checkForUpdate()', () => {
swUpdateMock.checkForUpdate.and.returnValue(new Promise(undefined));
spectator.component.initialCheckForUpdate();
expect(swUpdateMock.checkForUpdate).toHaveBeenCalled();
});
});
// expect(notificationsHubMock.updateNotification).toHaveBeenCalled();
// discardPeriodicTasks();
// }));
// });
// describe('initialCheckForUpdate', () => {
// it('should call swUpdate.checkForUpdate()', () => {
// swUpdateMock.checkForUpdate.and.returnValue(new Promise(undefined));
// spectator.component.initialCheckForUpdate();
// expect(swUpdateMock.checkForUpdate).toHaveBeenCalled();
// });
// });
});

60
apps/isa-app/src/app/app.component.ts
View File

@@ -62,24 +62,64 @@ export class AppComponent implements OnInit {
}
}
updateClient() {
// --------------------------------------------------------
// Implementation before Angular Version 13.x.x
async updateClient() {
if (!this._swUpdate.isEnabled) {
return;
}
this.initialCheckForUpdate();
this.checkForUpdate();
await this.initialCheckForUpdate();
this.checkForUpdateInterval();
}
checkForUpdate() {
interval(this._checkForUpdates).subscribe(() => {
// this._swUpdate.checkForUpdate().then(() => {
// this._notifications.updateNotification();
// });
checkForUpdateInterval() {
this._swUpdate.available.subscribe((availableEvent) => {
if (availableEvent?.current?.hash !== availableEvent?.available?.hash) {
this._notifications.updateNotification();
}
});
interval(this._checkForUpdates).subscribe(async () => await this._swUpdate.checkForUpdate());
}
initialCheckForUpdate() {
// this._swUpdate.checkForUpdate().then((f) => location.reload());
async initialCheckForUpdate() {
const obs = this._swUpdate.available.subscribe((availableEvent) => {
if (availableEvent?.current?.hash !== availableEvent?.available?.hash) {
location.reload();
}
obs.unsubscribe();
});
await this._swUpdate.checkForUpdate();
}
// --------------------------------------------------------
// Implementation for Angular Version 13.x.x
// updateClient() {
// if (!this._swUpdate.isEnabled) {
// return;
// }
// this.initialCheckForUpdate();
// this.checkForUpdate();
// }
// checkForUpdate() {
// interval(this._checkForUpdates).subscribe(() => {
// this._swUpdate.checkForUpdate().then((value) => {
// if (value) {
// this._notifications.updateNotification();
// }
// });
// });
// }
// initialCheckForUpdate() {
// this._swUpdate.checkForUpdate().then((value) => {
// if (value) {
// location.reload();
// }
// });
// }
}