EntityNavigation.test.js

import React from 'react';
import { mount, shallow } from 'enzyme';
import sinon from 'sinon';

import EntityNavigation from './EntityNavigation';


describe('<EntityNavigation>', () => {
    function getEntityNav({ create = shallow } = {}) {
        const nextMock = sinon.stub();
        const prevMock = sinon.stub();
        const wrapper = create(<EntityNavigation
            goToNextEntity={ nextMock }
            goToPreviousEntity={ prevMock }
        />);

        return {
            wrapper,
            nextMock,
            prevMock,
        };
    }

    it('goes to the next entity on click on the Next button', () => {
        const { wrapper, nextMock } = getEntityNav();

        expect(nextMock.calledOnce).toBeFalsy();
        wrapper.find('button.next').simulate('click');
        expect(nextMock.calledOnce).toBeTruthy();
    });

    it('goes to the next entity on Alt + Down', () => {
        // Simulating the key presses on `document`.
        // See https://github.com/airbnb/enzyme/issues/426
        const eventsMap = {};
        document.addEventListener = sinon.spy((event, cb) => {
            eventsMap[event] = cb;
        });

        const { nextMock } = getEntityNav(mount);

        expect(nextMock.calledOnce).toBeFalsy();
        const event = {
            preventDefault: sinon.spy(),
            keyCode: 40,  // Down
            altKey: true,
            ctrlKey: false,
            shiftKey: false,
        };
        eventsMap.keydown(event);
        expect(nextMock.calledOnce).toBeTruthy();
    });

    it('goes to the previous entity on click on the Previous button', () => {
        const { wrapper, prevMock } = getEntityNav();

        expect(prevMock.calledOnce).toBeFalsy();
        wrapper.find('button.previous').simulate('click');
        expect(prevMock.calledOnce).toBeTruthy();
    });

    it('goes to the previous entity on Alt + Up', () => {
        // Simulating the key presses on `document`.
        // See https://github.com/airbnb/enzyme/issues/426
        const eventsMap = {};
        document.addEventListener = sinon.spy((event, cb) => {
            eventsMap[event] = cb;
        });

        const { prevMock } = getEntityNav(mount);

        expect(prevMock.calledOnce).toBeFalsy();
        const event = {
            preventDefault: sinon.spy(),
            keyCode: 38,  // Up
            altKey: true,
            ctrlKey: false,
            shiftKey: false,
        };
        eventsMap.keydown(event);
        expect(prevMock.calledOnce).toBeTruthy();
    });
});