import {shallow} from "enzyme";
import React from "react";
import InfoHeaderItem from "./InfoHeaderItem";

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

    it('renders correct text', function () {
        const wrapper = shallow(<InfoHeaderItem text='mytext'/>);
        expect(wrapper.find(".maintext").text()).toBe("mytext");
    });

    it('renders correct subtext', function () {
        const wrapper = shallow(<InfoHeaderItem text='mimi' subtext='testtext'/>);
        expect(wrapper.find(".subtext").text()).toBe("testtext");
    });

    it('test no subtext if no text defined', function () {
        const wrapper = shallow(<InfoHeaderItem subtext='testi'/>);
        expect(wrapper.find(".subtext")).toHaveLength(0);
    });

    it('test custom click handler', function () {
        const func = jest.fn();
        const wrapper = shallow(<InfoHeaderItem onClick={() => func()}/>);
        expect(func).toBeCalledTimes(0);
        wrapper.simulate("click");
        expect(func).toBeCalledTimes(1);
    });

    it('test insertion of loading spinner', function () {
        const wrapper = shallow(<InfoHeaderItem text={null}/>);
        expect(wrapper.find("Spinner").length).toBe(1);
    });

    it('test loading spinner if undefined', function () {
        const wrapper = shallow(<InfoHeaderItem/>);
        expect(wrapper.find("Spinner").length).toBe(1);
    });
});