nebula.js/packages/nucleus/__tests__/unit/header.spec.jsx

import preact from 'preact';
import render from 'preact-render-to-string';
import looksLike from 'html-looks-like';

import Header from '../../src/components/Header';

describe('<Header />', () => {
  it('should be empty when input is falsy', () => {
    expect(render(<Header />)).to.equal('');
    expect(render(<Header layout={{ showTitles: true }} />)).to.equal('');
  });

  it('should render a title', () => {
    const layout = { showTitles: true, title: 'foo' };
    const html = render(<Header layout={layout} />);
    looksLike(html, `
    <div>
      <span>foo</span>
      <span></span>
    </div>
    `);
  });

  it('should render a subtitle', () => {
    const layout = { showTitles: true, subtitle: 'foo' };
    const html = render(<Header layout={layout} />);
    looksLike(html, `
    <div>
      <span></span>
      <span>foo</span>
    </div>
    `);
  });
});