1 files changed, 49 insertions, 0 deletions
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/error/error.component.spec.ts b/src/pybind/mgr/dashboard/frontend/src/app/core/error/error.component.spec.ts
new file mode 100644
index 000000000..5763d4d97
--- /dev/null
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/error/error.component.spec.ts
@@ -0,0 +1,49 @@
+import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+
+import { ToastrModule } from 'ngx-toastr';
+
+import { SharedModule } from '~/app/shared/shared.module';
+import { configureTestBed } from '~/testing/unit-test-helper';
+import { ErrorComponent } from './error.component';
+
+describe('ErrorComponent', () => {
+  let component: ErrorComponent;
+  let fixture: ComponentFixture<ErrorComponent>;
+
+  configureTestBed({
+    declarations: [ErrorComponent],
+    imports: [HttpClientTestingModule, RouterTestingModule, SharedModule, ToastrModule.forRoot()]
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ErrorComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should show error message and header', () => {
+    window.history.pushState({ message: 'Access Forbidden', header: 'User Denied' }, 'Errors');
+    component.fetchData();
+    fixture.detectChanges();
+    const header = fixture.debugElement.nativeElement.querySelector('h3');
+    expect(header.innerHTML).toContain('User Denied');
+    const message = fixture.debugElement.nativeElement.querySelector('h4');
+    expect(message.innerHTML).toContain('Access Forbidden');
+  });
+
+  it('should show 404 Page not Found if message and header are blank', () => {
+    window.history.pushState({ message: '', header: '' }, 'Errors');
+    component.fetchData();
+    fixture.detectChanges();
+    const header = fixture.debugElement.nativeElement.querySelector('h3');
+    expect(header.innerHTML).toContain('Page not Found');
+    const message = fixture.debugElement.nativeElement.querySelector('h4');
+    expect(message.innerHTML).toContain('Sorry, we couldn’t find what you were looking for.');
+  });
+});