129 lines
3.5 KiB
JavaScript
129 lines
3.5 KiB
JavaScript
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);
|
|
});
|
|
});
|