boldr/boldr-ui

import React from 'react';
import renderer from 'react-test-renderer';

import AccordionItemTitle from '../AccordionItemTitle';

describe('AccordionItemTitle', () => {
  it('renders correctly with min params', () => {
    const tree = renderer
      .create(
        <AccordionItemTitle>
          <div>Fake Title</div>
        </AccordionItemTitle>,
      )
      .toJSON();
    expect(tree).toMatchSnapshot();
  });

  it('renders correctly with different className', () => {
    const tree = renderer
      .create(
        <AccordionItemTitle className="testCSSClass">
          <div>Fake Title</div>
        </AccordionItemTitle>,
      )
      .toJSON();
    expect(tree).toMatchSnapshot();
  });

  it('renders correctly when pressing enter', () => {
    const mockOnClick = jest.fn();
    const tree = renderer.create(
      <AccordionItemTitle onClick={mockOnClick}>
        <div>Fake Title</div>
      </AccordionItemTitle>,
    );

    tree.getInstance().handleKeyPress({ charCode: 13 });
    expect(mockOnClick).toHaveBeenCalledTimes(1);
    expect(tree).toMatchSnapshot();
  });

  it('renders correctly when pressing space', () => {
    const mockOnClick = jest.fn();
    const tree = renderer.create(
      <AccordionItemTitle onClick={mockOnClick}>
        <div>Fake Title</div>
      </AccordionItemTitle>,
    );

    tree.getInstance().handleKeyPress({ charCode: 32 });
    expect(mockOnClick).toHaveBeenCalledTimes(1);
    expect(tree).toMatchSnapshot();
  });

  it('renders correctly when pressing another key', () => {
    const mockOnClick = jest.fn();
    const tree = renderer.create(
      <AccordionItemTitle onClick={mockOnClick}>
        <div>Fake Title</div>
      </AccordionItemTitle>,
    );

    tree.getInstance().handleKeyPress({ charCode: 35 });
    expect(mockOnClick).toHaveBeenCalledTimes(0);
    expect(tree).toMatchSnapshot();
  });
});