Fixed tests

libs/styles/src/test-setup.ts

@@ -0,0 +1 @@
+import 'jest-preset-angular';

libs/ui/src/checkbox/checkbox.component.spec.ts

@@ -1,23 +1,27 @@
-/* tslint:disable:no-unused-variable */
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ReactiveFormsModule } from '@angular/forms';
 import { CheckboxComponent } from './checkbox.component';
 
-export class MockInjector {
-  get = jest.fn();
-}
-
-// tslint:disable-next-line: max-classes-per-file
-export class MockChangeDetectorRef {
-  markForCheck = jest.fn();
-  detach = jest.fn();
-  detectChanges = jest.fn();
-  reattach = jest.fn();
-  checkNoChanges = jest.fn();
-}
-
 describe('CheckboxComponent', () => {
   let component: CheckboxComponent;
+  let fixture: ComponentFixture<CheckboxComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [CheckboxComponent],
+      imports: [ReactiveFormsModule],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CheckboxComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
   it('should create', () => {
-    component = new CheckboxComponent(new MockInjector(), new MockChangeDetectorRef());
     expect(component).toBeTruthy();
   });
 });

libs/ui/src/input/input.component.spec.ts

@@ -1,23 +1,27 @@
-/* tslint:disable:no-unused-variable */
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ReactiveFormsModule } from '@angular/forms';
 import { InputComponent } from './input.component';
 
-export class MockInjector {
-  get = jest.fn();
-}
-
-// tslint:disable-next-line: max-classes-per-file
-export class MockChangeDetectorRef {
-  markForCheck = jest.fn();
-  detach = jest.fn();
-  detectChanges = jest.fn();
-  reattach = jest.fn();
-  checkNoChanges = jest.fn();
-}
-
 describe('InputComponent', () => {
   let component: InputComponent;
+  let fixture: ComponentFixture<InputComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [InputComponent],
+      imports: [ReactiveFormsModule],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(InputComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
   it('should create', () => {
-    component = new InputComponent(new MockInjector(), new MockChangeDetectorRef());
     expect(component).toBeTruthy();
   });
 });

libs/ui/src/link-button/link-button.component.spec.ts

@@ -1,4 +1,3 @@
-/* tslint:disable:no-unused-variable */
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { LinkButtonComponent } from './link-button.component';

libs/ui/src/loader/loader.component.spec.ts

@@ -1,4 +1,3 @@
-/* tslint:disable:no-unused-variable */
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { LoaderComponent } from './loader.component';

libs/ui/src/radiobutton-group/radiobutton-group.component.spec.ts

@@ -1,4 +1,3 @@
-/* tslint:disable:no-unused-variable */
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { RadiobuttonGroupComponent } from './radiobutton-group.component';

libs/ui/src/select/select.component.spec.ts

@@ -1,4 +1,3 @@
-/* tslint:disable:no-unused-variable */
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { SelectComponent } from './select.component';