Simplify and add tests of confirm dialog
[portal/nonrtric-controlpanel.git] / webapp-frontend / src / app / services / ui / confirm-dialog.service.spec.ts
1 /*-
2  * ========================LICENSE_START=================================
3  * O-RAN-SC
4  * %%
5  * Copyright (C) 2019 AT&T Intellectual Property
6  * %%
7  * Licensed under the Apache License, Version 2.0 (the "License");
8  * you may not use this file except in compliance with the License.
9  * You may obtain a copy of the License at
10  *
11  *      http://www.apache.org/licenses/LICENSE-2.0
12  *
13  * Unless required by applicable law or agreed to in writing, software
14  * distributed under the License is distributed on an "AS IS" BASIS,
15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16  * See the License for the specific language governing permissions and
17  * limitations under the License.
18  * ========================LICENSE_END===================================
19  */
20
21 import { TestBed } from "@angular/core/testing";
22
23 import { ConfirmDialogService } from "./confirm-dialog.service";
24 import { MatDialog, MatDialogModule } from "@angular/material/dialog";
25 import { UiService } from "./ui.service";
26 import { ConfirmDialogComponent } from "@app/ui/confirm-dialog/confirm-dialog.component";
27 import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
28
29 describe("ConfirmDialogService", () => {
30   let matDialogSpy: jasmine.SpyObj<MatDialog>;
31   let service: ConfirmDialogService;
32
33   beforeEach(() => {
34     matDialogSpy = jasmine.createSpyObj("MatDialog", ["open"]);
35
36     TestBed.configureTestingModule({
37       imports: [BrowserAnimationsModule, MatDialogModule],
38       providers: [
39         { provide: MatDialog, useValue: matDialogSpy },
40         UiService,
41       ],
42     });
43
44     service = TestBed.inject(ConfirmDialogService);
45   });
46
47   it("should be created", () => {
48     expect(service).toBeTruthy();
49   });
50
51   it("should open confirm dialog with correct dark mode and data", () => {
52     const uiService: UiService = TestBed.inject(UiService);
53     uiService.darkModeState.next(false);
54
55     service.openConfirmDialog("Heading", "Message");
56
57     expect(matDialogSpy.open).toHaveBeenCalledWith(ConfirmDialogComponent, {
58       panelClass: "",
59       width: "480px",
60       position: { top: "100px" },
61       data: {
62         heading: "Heading",
63         message: "Message",
64       },
65     });
66
67     uiService.darkModeState.next(true);
68
69     service.openConfirmDialog("Heading", "Message");
70
71     expect(matDialogSpy.open).toHaveBeenCalledWith(ConfirmDialogComponent, {
72       panelClass: "dark-theme",
73       width: "480px",
74       position: { top: "100px" },
75       data: {
76         heading: "Heading",
77         message: "Message",
78       },
79     });
80   });
81 });