test(theme-shared): add error.component.spec

npm/ng-packs/packages/theme-shared/src/lib/components/error/error.component.html

@@ -1,5 +1,5 @@
-<div class="error">
+<div id="abp-error" class="error">
-  <button id="abp-close-button mr-3" type="button" class="close" (click)="destroy()">
+  <button id="abp-close-button" class="mr-3" type="button" class="close" (click)="destroy()">
     <span aria-hidden="true">&times;</span>
   </button>
   <div class="row centered">

npm/ng-packs/packages/theme-shared/src/lib/tests/error.component.spec.ts

@@ -0,0 +1,36 @@
+import { SpectatorHost, createHostFactory } from '@ngneat/spectator/jest';
+import { ErrorComponent } from '../components/error/error.component';
+import { LocalizationPipe } from '@abp/ng.core';
+import { Store } from '@ngxs/store';
+import { Renderer2, ElementRef } from '@angular/core';
+
+describe('ErrorComponent', () => {
+  let spectator: SpectatorHost<ErrorComponent>;
+  const createHost = createHostFactory({
+    component: ErrorComponent,
+    declarations: [LocalizationPipe],
+    mocks: [Store],
+    providers: [
+      { provide: Renderer2, useValue: { removeChild: () => null } },
+      { provide: ElementRef, useValue: { nativeElement: document.createElement('div') } },
+    ],
+  });
+
+  beforeEach(() => (spectator = createHost('<abp-error></abp-error>')));
+
+  describe('#destroy', () => {
+    it('should remove the dom', () => {
+      const renderer = spectator.get(Renderer2);
+      const rendererSpy = jest.spyOn(renderer, 'removeChild');
+      spectator.component.renderer = renderer;
+
+      const elementRef = spectator.get(ElementRef);
+      spectator.component.elementRef = elementRef;
+      spectator.component.host = spectator.hostComponent;
+
+      spectator.click('button#abp-close-button');
+      spectator.detectChanges();
+      expect(rendererSpy).toHaveBeenCalledWith(spectator.hostComponent, elementRef.nativeElement);
+    });
+  });
+});