Tests for all Components

src/pages/Player/Player.test.js

@@ -0,0 +1,128 @@
+import {shallow} from "enzyme";
+import React from "react";
+import Player from "./Player";
+
+function prepareFetchApi(response) {
+    const mockJsonPromise = Promise.resolve(response);
+    const mockFetchPromise = Promise.resolve({
+        json: () => mockJsonPromise,
+    });
+    return (jest.fn().mockImplementation(() => mockFetchPromise));
+}
+
+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("r")).toHaveLength(1);
+    });
+
+    it('likebtn click', done => {
+        global.fetch = prepareFetchApi({result: 'success'});
+
+        const func = jest.fn();
+
+        const wrapper = shallow(<Player/>);
+        wrapper.setProps({
+            onHide: () => {
+                func()
+            }
+        });
+
+        // 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);
+
+        process.nextTick(() => {
+            // refetch is called so fetch called 3 times
+            expect(global.fetch).toHaveBeenCalledTimes(3);
+
+            global.fetch.mockClear();
+            done();
+        });
+    });
+
+    it('errored likebtn click', done => {
+        global.fetch = prepareFetchApi({result: 'nosuccess'});
+        const func = jest.fn();
+
+        const wrapper = shallow(<Player/>);
+        wrapper.setProps({
+            onHide: () => {
+                func()
+            }
+        });
+
+        // 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);
+
+        process.nextTick(() => {
+            // refetch is called so fetch called 3 times
+            expect(global.fetch).toHaveBeenCalledTimes(2);
+
+            global.fetch.mockClear();
+            done();
+        });
+    });
+
+    it('show tag popup', function () {
+        const wrapper = shallow(<Player/>);
+
+        expect(wrapper.find("AddTagPopup")).toHaveLength(0);
+        wrapper.find('.videoactions').find("button").last().simulate('click');
+        // addtagpopup should be showing now
+        expect(wrapper.find("AddTagPopup")).toHaveLength(1);
+    });
+
+    it('hide click ', function () {
+        const wrapper = shallow(<Player/>);
+        const func = jest.fn();
+
+        wrapper.setProps({
+            viewbinding: {
+                hideVideo: () => {
+                    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);
+    });
+});