OpenMediaCenter/src/pages/Player/Player.test.js

import {shallow} from 'enzyme';
import React from 'react';
import Player from './Player';

describe('<Player/>', function () {
    it('renders without crashing ', function () {
        const wrapper = shallow(<Player/>);
        wrapper.unmount();
    });

    it('plyr insertion', function () {
        const wrapper = shallow(<Player/>);

        wrapper.setState({
            sources: [
                {
                    src: '/tstvid.mp4',
                    type: 'video/mp4',
                    size: 1080
                }
            ]
        });

        expect(wrapper.find('Plyr').dive().find('video')).toHaveLength(1);
    });

    function simulateLikeButtonClick() {
        const wrapper = shallow(<Player/>);

        // initial fetch for getting movie data
        expect(global.fetch).toHaveBeenCalledTimes(1);
        wrapper.find('.videoactions').find('button').first().simulate('click');
        // fetch for liking
        expect(global.fetch).toHaveBeenCalledTimes(2);

        return wrapper;
    }

    it('likebtn click', done => {
        global.fetch = global.prepareFetchApi({result: 'success'});
        global.console.error = jest.fn();

        simulateLikeButtonClick();


        process.nextTick(() => {
            expect(global.fetch).toHaveBeenCalledTimes(2);
            expect(global.console.error).toHaveBeenCalledTimes(0);

            global.fetch.mockClear();
            done();
        });
    });

    it('errored likebtn click', done => {
        global.fetch = global.prepareFetchApi({result: 'nosuccess'});
        global.console.error = jest.fn();

        simulateLikeButtonClick();

        process.nextTick(() => {
            // refetch is called so fetch called 3 times
            expect(global.fetch).toHaveBeenCalledTimes(2);
            expect(global.console.error).toHaveBeenCalledTimes(2);

            global.fetch.mockClear();
            done();
        });
    });

    it('show tag popup', function () {
        const wrapper = shallow(<Player/>);
        expect(wrapper.find('AddTagPopup')).toHaveLength(0);
        // todo dynamic button find without index
        wrapper.find('.videoactions').find('button').at(1).simulate('click');
        // addtagpopup should be showing now
        expect(wrapper.find('AddTagPopup')).toHaveLength(1);
    });

    it('test delete button', done => {
        const wrapper = shallow(<Player/>);

        const func = jest.fn();
        prepareViewBinding(func)

        global.fetch = prepareFetchApi({result: 'success'});

        wrapper.find('.videoactions').find('button').at(2).simulate('click');

        process.nextTick(() => {
            // refetch is called so fetch called 3 times
            expect(global.fetch).toHaveBeenCalledTimes(1);
            expect(func).toHaveBeenCalledTimes(1);

            global.fetch.mockClear();
            done();
        });
    });

    it('hide click ', function () {
        const wrapper = shallow(<Player/>);

        const func = jest.fn();
        prepareViewBinding(func);

        expect(func).toHaveBeenCalledTimes(0);
        wrapper.find('.closebutton').simulate('click');
        // addtagpopup should be showing now
        expect(func).toHaveBeenCalledTimes(1);
    });

    it('inserts Tags correctly', function () {
        const wrapper = shallow(<Player/>);

        expect(wrapper.find('Tag')).toHaveLength(0);

        wrapper.setState({
            tags: [
                {tag_name: 'first'},
                {tag_name: 'second'}
            ]
        });

        expect(wrapper.find('Tag')).toHaveLength(2);
    });

    it('inserts tag quickadd correctly', function () {
        generatetag();
    });

    it('test click of quickadd tag btn', done => {
        const wrapper = generatetag();

        global.fetch = prepareFetchApi({result: 'success'});

        // render tag subcomponent
        const tag = wrapper.find('Tag').first().dive();
        tag.simulate('click');

        process.nextTick(() => {
            expect(global.fetch).toHaveBeenCalledTimes(1);

            global.fetch.mockClear();
            done();
        });
    });

    it('test failing quickadd', done => {
        const wrapper = generatetag();

        global.fetch = prepareFetchApi({result: 'nonsuccess'});
        global.console.error = jest.fn();

        // render tag subcomponent
        const tag = wrapper.find('Tag').first().dive();
        tag.simulate('click');

        process.nextTick(() => {
            expect(global.console.error).toHaveBeenCalledTimes(2);

            global.fetch.mockClear();
            done();
        });
    });

    function generatetag() {
        const wrapper = shallow(<Player/>);

        expect(wrapper.find('Tag')).toHaveLength(0);

        wrapper.setState({
            suggesttag: [
                {tag_name: 'first', tag_id: 1}
            ]
        });

        expect(wrapper.find('Tag')).toHaveLength(1);

        return wrapper;
    }
});