test fixes

Author: annyDot

jest-global-mocks.ts

@@ -1,4 +1,8 @@
 module.exports = {
   preset: 'jest-preset-angular',
-  globalSetup: 'jest-preset-angular/global-setup',
+  setupFilesAfterEnv: ['<rootDir>/setup-jest.ts'],
+  moduleDirectories: ['node_modules', '<rootDir>/src'],
+  transformIgnorePatterns: ['node_modules/(?!@angular|rjxs|@ngrx)'],
+  collectCoverage: true,
+  coverageDirectory: '<rootDir>/coverage',
 };

jest.config.js

@@ -0,0 +1,3 @@
+// uncomment for jest-runner extension to work properly
+// import 'jest-preset-angular/setup-jest';
+import './jest-global-mocks';

setup-jest.ts

@@ -1,68 +1,54 @@
-import { TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ButtonComponent } from './button.component';
+import { CommonModule } from '@angular/common';
 
 describe('ButtonComponent', () => {
+  let fixture: ComponentFixture<ButtonComponent>;
+  let component: ButtonComponent;
+  let buttonEl: HTMLButtonElement;
+
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [ButtonComponent],
+      imports: [CommonModule, ButtonComponent],
     }).compileComponents();
+
+    fixture = TestBed.createComponent(ButtonComponent);
+    component = fixture.componentInstance;
+    buttonEl = fixture.nativeElement.querySelector('[data-testid="button"]');
   });
 
   it('should create component', () => {
-    const fixture = TestBed.createComponent(ButtonComponent);
-    const component = fixture.componentInstance;
-
     expect(component).toBeTruthy();
   });
 
   it('should apply default type "primary"', () => {
-    const fixture = TestBed.createComponent(ButtonComponent);
-    const buttonEl = fixture.nativeElement.querySelector(
-      '[data-testid="button"]'
-    );
-
     fixture.detectChanges();
 
     expect(buttonEl.classList).toContain('primary');
   });
 
   it('should apply the correct type when type input is set', () => {
-    const fixture = TestBed.createComponent(ButtonComponent);
     fixture.componentRef.setInput('type', 'danger');
 
     fixture.detectChanges();
 
-    const buttonEl = fixture.nativeElement.querySelector(
-      '[data-testid="button"]'
-    );
-
-    fixture.detectChanges();
-
     expect(buttonEl.classList).toContain('danger');
     expect(buttonEl.classList).not.toContain('primary');
   });
 
   it('should set the button as disabled when disabled is true', () => {
-    const fixture = TestBed.createComponent(ButtonComponent);
     fixture.componentRef.setInput('disabled', true);
-    const button = fixture.nativeElement.querySelector(
-      '[data-testid="button"]'
-    );
 
     fixture.detectChanges();
 
-    expect(button.hasAttribute('disabled')).toBe(true);
+    expect(buttonEl.hasAttribute('disabled')).toBe(true);
   });
 
   it('should not disable the button when disabled is false', () => {
-    const fixture = TestBed.createComponent(ButtonComponent);
     fixture.componentRef.setInput('disabled', false);
-    const button = fixture.nativeElement.querySelector(
-      '[data-testid="button"]'
-    );
 
     fixture.detectChanges();
 
-    expect(button.hasAttribute('disabled')).toBe(false);
+    expect(buttonEl.hasAttribute('disabled')).toBe(false);
   });
 });