test: add some missing css classes tests, refactor

Author: xidedix

projects/coreui-angular-chartjs/src/lib/chartjs.component.spec.ts

@@ -40,6 +40,7 @@ describe('ChartjsComponent', () => {
     component = fixture.componentInstance;
     component.data = undefined;
     component.type = 'line';
+    component.wrapper = true;
   });
 
   it('chart should create', fakeAsync(() => {
@@ -83,4 +84,9 @@ describe('ChartjsComponent', () => {
     expect(component.chart?.config?.data.labels?.length).toBe(5);
     expect(component.chart?.config?.data.datasets[1]?.data.length).toBe(5);
   }));
+
+  it('should have css classes', () => {
+    fixture.detectChanges();
+    expect(fixture.nativeElement).toHaveClass('chart-wrapper');
+  });
 });

projects/coreui-angular/src/lib/accordion/accordion-item/accordion-item.component.spec.ts

@@ -25,4 +25,8 @@ describe('AccordionItemComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should have css classes', () => {
+    expect(fixture.nativeElement).toHaveClass('accordion-item');
+  });
 });

projects/coreui-angular/src/lib/accordion/accordion/accordion.component.spec.ts

@@ -22,4 +22,8 @@ describe('AccordionComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should have css classes', () => {
+    expect(fixture.nativeElement).toHaveClass('accordion');
+  });
 });

projects/coreui-angular/src/lib/alert/alert.component.spec.ts

@@ -23,4 +23,8 @@ describe('AlertComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should have css classes', () => {
+    expect(fixture.nativeElement).toHaveClass('alert');
+  });
 });

projects/coreui-angular/src/lib/avatar/avatar.component.spec.ts

@@ -22,4 +22,8 @@ describe('AvatarComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should have css classes', () => {
+    expect(fixture.nativeElement).toHaveClass('avatar');
+  });
 });

projects/coreui-angular/src/lib/badge/badge.component.spec.ts

@@ -8,9 +8,9 @@ describe('BadgeComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [ BadgeComponent ]
+      imports: [BadgeComponent]
     })
-    .compileComponents();
+      .compileComponents();
   });
 
   beforeEach(() => {
@@ -22,4 +22,8 @@ describe('BadgeComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should have css classes', () => {
+    expect(fixture.nativeElement).toHaveClass('badge');
+  });
 });

projects/coreui-angular/src/lib/breadcrumb/breadcrumb-item/breadcrumb-item.component.spec.ts

@@ -22,4 +22,8 @@ describe('BreadcrumbItemComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should have css classes', () => {
+    expect(fixture.nativeElement).toHaveClass('breadcrumb-item');
+  });
 });

projects/coreui-angular/src/lib/breadcrumb/breadcrumb-router/breadcrumb-router.component.spec.ts

@@ -1,6 +1,5 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
-import { Router } from '@angular/router';
+import { provideRouter, Router } from '@angular/router';
 
 import { BreadcrumbRouterComponent } from './breadcrumb-router.component';
 import { BreadcrumbRouterService } from './breadcrumb-router.service';
@@ -13,10 +12,9 @@ describe('BreadcrumbComponent', () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
-        RouterTestingModule.withRoutes([]),
         BreadcrumbRouterComponent
       ],
-      providers: [BreadcrumbRouterService]
+      providers: [BreadcrumbRouterService, provideRouter([])]
     }).compileComponents();
   }));
 

projects/coreui-angular/src/lib/breadcrumb/breadcrumb-router/breadcrumb-router.service.spec.ts

@@ -1,14 +1,14 @@
 import { TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
 
 import { BreadcrumbRouterService } from './breadcrumb-router.service';
+import { provideRouter } from '@angular/router';
 
 describe('AppBreadcrumbService', () => {
   let service: BreadcrumbRouterService;
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [RouterTestingModule.withRoutes([])]
+      providers: [provideRouter([])]
     });
     service = TestBed.inject(BreadcrumbRouterService);
   });

projects/coreui-angular/src/lib/breadcrumb/breadcrumb/breadcrumb.component.spec.ts

@@ -22,4 +22,8 @@ describe('BreadcrumbComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should have css classes', () => {
+    expect(fixture.nativeElement).toHaveClass('breadcrumb');
+  });
 });