presentational-button.component.spec.ts

presentational-button.component.spec.ts

import { Spectator, createTestComponentFactory } from '@netbasal/spectator/jest';

import { PresentationalButtonComponent as PBComponent } from './presentational-button.component';

describe('Component: PresentationalButtonComponent', () => {
  let spectator: Spectator<PBComponent>;
  const createComponent = createTestComponentFactory<PBComponent>({
    component: PBComponent
  });

  beforeEach(() => {
    spectator = createComponent();
  });

  it('exists', () => {
    expect(spectator.component).toBeDefined();
  });

  // JSDOM
  it('renders a button with a default label if no label is given', () => {
    expect(spectator.query('button')).toHaveText('Submit');
  });

  // JSDOM
  it('renders a button with an input label if one is given', () => {
    spectator.component.buttonLabel = 'Mock Label';
    spectator.detectChanges();

    expect(spectator.query('button')).toHaveText('Mock Label');
  });

  // Component Class
  it('can emit a message', () => {
    const pressEmitSpy = spyOn(spectator.component.press, 'emit');

    spectator.component.handleButtonClick();
    expect(pressEmitSpy).toHaveBeenCalledWith('Submit was pressed!');
  });
});