get initial tests passing

chrispyles · Apr 28, 2024 · 172a2af · 172a2af
1 parent 290d465
commit 172a2af
Show file tree

Hide file tree

Showing 7 changed files with 43 additions and 24 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -6,7 +6,7 @@
     "start": "ng serve",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
-    "test": "ng test"
+    "test": "ng test --browsers=ChromeHeadless --code-coverage --source-map=false"
   },
   "private": true,
   "dependencies": {
@@ -36,6 +36,7 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
+    "ng-mocks": "^14.12.2",
     "typescript": "~5.4.2"
   }
 }
diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts
@@ -1,10 +1,13 @@
 import { TestBed } from '@angular/core/testing';
+import { MessageService } from 'primeng/api';
+
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [AppComponent],
+      providers: [MessageService],
     }).compileComponents();
   });
 
@@ -13,17 +16,4 @@ describe('AppComponent', () => {
     const app = fixture.componentInstance;
     expect(app).toBeTruthy();
   });
-
-  it(`should have the 'contrastinator' title`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app.title).toEqual('contrastinator');
-  });
-
-  it('should render title', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('h1')?.textContent).toContain('Hello, contrastinator');
-  });
 });
diff --git a/src/app/contrast-chart/contrast-chart.component.spec.ts b/src/app/contrast-chart/contrast-chart.component.spec.ts
@@ -10,10 +10,12 @@ describe('ContrastChartComponent', () => {
     await TestBed.configureTestingModule({
       imports: [ContrastChartComponent]
     })
-    .compileComponents();
-    
+      .compileComponents();
+
     fixture = TestBed.createComponent(ContrastChartComponent);
     component = fixture.componentInstance;
+    const componentRef = fixture.componentRef;
+    componentRef.setInput('colors', []);
     fixture.detectChanges();
   });
 

diff --git a/src/app/header/header.component.spec.ts b/src/app/header/header.component.spec.ts
@@ -1,5 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
+import { MessageService } from 'primeng/api';
 import { HeaderComponent } from './header.component';
 
 describe('HeaderComponent', () => {
@@ -8,12 +9,15 @@ describe('HeaderComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [HeaderComponent]
+      imports: [HeaderComponent],
+      providers: [MessageService],
     })
-    .compileComponents();
-    
+      .compileComponents();
+
     fixture = TestBed.createComponent(HeaderComponent);
     component = fixture.componentInstance;
+    const componentRef = fixture.componentRef;
+    componentRef.setInput('colors', []);
     fixture.detectChanges();
   });
 

diff --git a/src/app/palette-item/palette-item.component.spec.ts b/src/app/palette-item/palette-item.component.spec.ts
@@ -1,5 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
+import Color from 'color';
 import { PaletteItemComponent } from './palette-item.component';
 
 describe('PaletteItemComponent', () => {
@@ -10,10 +11,13 @@ describe('PaletteItemComponent', () => {
     await TestBed.configureTestingModule({
       imports: [PaletteItemComponent]
     })
-    .compileComponents();
-    
+      .compileComponents();
+
     fixture = TestBed.createComponent(PaletteItemComponent);
     component = fixture.componentInstance;
+    const componentRef = fixture.componentRef;
+    componentRef.setInput('color', new Color('#000'));
+    componentRef.setInput('locked', false);
     fixture.detectChanges();
   });
 

diff --git a/src/app/palette/palette.component.spec.ts b/src/app/palette/palette.component.spec.ts
@@ -1,5 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
+import { MessageService } from 'primeng/api';
 import { PaletteComponent } from './palette.component';
 
 describe('PaletteComponent', () => {
@@ -8,10 +9,11 @@ describe('PaletteComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [PaletteComponent]
+      imports: [PaletteComponent],
+      providers: [MessageService],
     })
-    .compileComponents();
-    
+      .compileComponents();
+
     fixture = TestBed.createComponent(PaletteComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();