src/material/tooltip/testing/tooltip-harness.spec.ts - main - githubmirror/components

src/material/tooltip/testing/tooltip-harness.spec.ts
75 строк3 KB
Kristiyan Kostadinov
build: add explicit change detection to tests (#33010)
30 мар 2026, 10:52
30 мар 2026, 10:527806398
import {Component, provideZoneChangeDetection, ChangeDetectionStrategy} from '@angular/core';
import {ComponentFixture, TestBed} from '@angular/core/testing';
import {HarnessLoader} from '@angular/cdk/testing';
import {TestbedHarnessEnvironment} from '@angular/cdk/testing/testbed';
import {MatTooltipModule} from '../tooltip-module';
import {MatTooltipHarness} from './tooltip-harness';

describe('MatTooltipHarness', () => {
  let fixture: ComponentFixture<TooltipHarnessTest>;
  let loader: HarnessLoader;
  beforeEach(() => {
    TestBed.configureTestingModule({
      providers: [provideZoneChangeDetection()],
    });
  });

  beforeEach(() => {
    fixture = TestBed.createComponent(TooltipHarnessTest);
    fixture.detectChanges();
    loader = TestbedHarnessEnvironment.loader(fixture);
  });

  it('should load all tooltip harnesses', async () => {
    const tooltips = await loader.getAllHarnesses(MatTooltipHarness);
    expect(tooltips.length).toBe(3);
  });

  it('should be able to show a tooltip', async () => {
    const tooltip = await loader.getHarness(MatTooltipHarness.with({selector: '#one'}));
    expect(await tooltip.isOpen()).toBe(false);
    await tooltip.show();
    expect(await tooltip.isOpen()).toBe(true);
  });

  it('should be able to hide a tooltip', async () => {
    const tooltip = await loader.getHarness(MatTooltipHarness.with({selector: '#one'}));
    expect(await tooltip.isOpen()).toBe(false);
    await tooltip.show();
    expect(await tooltip.isOpen()).toBe(true);
    await tooltip.hide();
    expect(await tooltip.isOpen()).toBe(false);
  });

  it('should be able to get the text of a tooltip', async () => {
    const tooltip = await loader.getHarness(MatTooltipHarness.with({selector: '#one'}));
    await tooltip.show();
    expect(await tooltip.getTooltipText()).toBe('Tooltip message');
  });

  it('should return empty when getting the tooltip text while closed', async () => {
    const tooltip = await loader.getHarness(MatTooltipHarness.with({selector: '#one'}));
    expect(await tooltip.getTooltipText()).toBe('');
  });

  it('should get disabled state', async () => {
    const enabled = await loader.getHarness(MatTooltipHarness.with({selector: '#one'}));
    const disabled = await loader.getHarness(MatTooltipHarness.with({selector: '#three'}));

    expect(await enabled.isDisabled()).toBe(false);
    expect(await disabled.isDisabled()).toBe(true);
  });
});

@Component({
  template: `
    <button [matTooltip]='message' id='one'>Trigger 1</button>
    <button matTooltip='Static message' id='two'>Trigger 2</button>
    <button matTooltip='Disabled Tooltip' [matTooltipDisabled]='true' id='three'>Trigger 3</button>
  `,
  imports: [MatTooltipModule],
  changeDetection: ChangeDetectionStrategy.Eager,
})
class TooltipHarnessTest {
  message = 'Tooltip message';
}