sass-references/angular-material/material/chips/testing/chip-set-harness.spec.ts

46 lines
1.3 KiB
TypeScript

import {HarnessLoader} from '@angular/cdk/testing';
import {TestbedHarnessEnvironment} from '@angular/cdk/testing/testbed';
import {Component} from '@angular/core';
import {ComponentFixture, TestBed} from '@angular/core/testing';
import {MatChipsModule} from '../index';
import {MatChipSetHarness} from './chip-set-harness';
describe('MatChipSetHarness', () => {
let fixture: ComponentFixture<ChipSetHarnessTest>;
let loader: HarnessLoader;
beforeEach(() => {
TestBed.configureTestingModule({
imports: [MatChipsModule, ChipSetHarnessTest],
});
fixture = TestBed.createComponent(ChipSetHarnessTest);
fixture.detectChanges();
loader = TestbedHarnessEnvironment.loader(fixture);
});
it('should get correct number of set harnesses', async () => {
const harnesses = await loader.getAllHarnesses(MatChipSetHarness);
expect(harnesses.length).toBe(1);
});
it('should get correct number of chips', async () => {
const harnesses = await loader.getAllHarnesses(MatChipSetHarness);
const chips = await harnesses[0].getChips();
expect(chips.length).toBe(3);
});
});
@Component({
template: `
<mat-chip-set>
<mat-chip> Chip A </mat-chip>
<mat-chip> Chip B </mat-chip>
<mat-chip> Chip C </mat-chip>
</mat-chip-set>
`,
standalone: true,
imports: [MatChipsModule],
})
class ChipSetHarnessTest {}