diff --git a/projects/design-angular-kit/src/lib/components/core/alert/alert.component.spec.ts b/projects/design-angular-kit/src/lib/components/core/alert/alert.component.spec.ts
index 2d5f0dee..f321f0dc 100644
--- a/projects/design-angular-kit/src/lib/components/core/alert/alert.component.spec.ts
+++ b/projects/design-angular-kit/src/lib/components/core/alert/alert.component.spec.ts
@@ -2,16 +2,41 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
import { ItAlertComponent } from './alert.component';
import { tb_base } from '../../../../test';
+import { By } from '@angular/platform-browser';
+import { Component, Input } from '@angular/core';
+import { AlertColor } from '../../../interfaces/core';
+@Component(
+ {
+ selector: 'it-unit-test',
+ template: `
+
+ Questo รจ un alert di tipo "primary".
+
+ `
+ }
+)
+class UnitTestComponent {
+ @Input() set selectedColor(value: AlertColor | undefined) {this._selectedColor = value;}
+ get selectedColor(): AlertColor | undefined {return this._selectedColor;}
+ private _selectedColor: AlertColor | undefined = undefined;
+
+ @Input() set isDismissible(value: boolean) {this._dismissible = value;}
+ get isDismissible(): boolean {return this._dismissible;}
+ private _dismissible: boolean = false;
+}
+
+let component: UnitTestComponent;
+let fixture: ComponentFixture;
describe('ItAlertComponent', () => {
- let component: ItAlertComponent;
- let fixture: ComponentFixture;
beforeEach(async () => {
- await TestBed.configureTestingModule(tb_base)
- .compileComponents();
+ TestBed.configureTestingModule({
+ declarations: [UnitTestComponent],
+ imports: [ItAlertComponent],
+ }).compileComponents();
- fixture = TestBed.createComponent(ItAlertComponent);
+ fixture = TestBed.createComponent(UnitTestComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
@@ -19,4 +44,19 @@ describe('ItAlertComponent', () => {
it('should create', () => {
expect(component).toBeTruthy();
});
+
+ it('Dovrebbe avere colore primary', () => {
+ component.selectedColor='primary';
+ fixture.detectChanges();
+ const spanElement = fixture.debugElement.query(By.css('div.alert.alert-primary'));
+ expect(spanElement).toBeTruthy();
+ });
+
+ it('Dovrebbe avere colore success', () => {
+ component.selectedColor='success';
+ fixture.detectChanges();
+ const spanElement = fixture.debugElement.query(By.css('div.alert.alert-success'));
+ expect(spanElement).toBeTruthy();
+ });
+
});