1 import { ComponentFixture, TestBed } from '@angular/core/testing';
2 import { ReactiveFormsModule, Validators } from '@angular/forms';
4 import { NgbPopoverModule, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
6 import { configureTestBed } from '~/testing/unit-test-helper';
7 import { SelectMessages } from '../select/select-messages.model';
8 import { SelectComponent } from '../select/select.component';
9 import { SelectBadgesComponent } from './select-badges.component';
11 describe('SelectBadgesComponent', () => {
12 let component: SelectBadgesComponent;
13 let fixture: ComponentFixture<SelectBadgesComponent>;
16 declarations: [SelectBadgesComponent, SelectComponent],
17 imports: [NgbPopoverModule, NgbTooltipModule, ReactiveFormsModule]
21 fixture = TestBed.createComponent(SelectBadgesComponent);
22 component = fixture.componentInstance;
23 fixture.detectChanges();
26 it('should create', () => {
27 expect(component).toBeTruthy();
30 it('should reflect the attributes into CdSelect', () => {
31 const data = ['a', 'b'];
33 { name: 'option1', description: '', selected: false, enabled: true },
34 { name: 'option2', description: '', selected: false, enabled: true }
36 const messages = new SelectMessages({ empty: 'foo bar' });
37 const selectionLimit = 2;
38 const customBadges = true;
39 const customBadgeValidators = [Validators.required];
41 component.data = data;
42 component.options = options;
43 component.messages = messages;
44 component.selectionLimit = selectionLimit;
45 component.customBadges = customBadges;
46 component.customBadgeValidators = customBadgeValidators;
48 fixture.detectChanges();
50 expect(component.cdSelect.data).toEqual(data);
51 expect(component.cdSelect.options).toEqual(options);
52 expect(component.cdSelect.messages).toEqual(messages);
53 expect(component.cdSelect.selectionLimit).toEqual(selectionLimit);
54 expect(component.cdSelect.customBadges).toEqual(customBadges);
55 expect(component.cdSelect.customBadgeValidators).toEqual(customBadgeValidators);