nexshop-web-contents/spec/component/preview/scene/scene-preview-header-spec.js

Nexshop Web Contents Project

import React from 'react';
import {expect} from 'chai';
import {shallow} from 'enzyme';
import * as sinon from "sinon";
import ScenePreviewHeaderView from "../../../../src/component/preview/scene/scene-preview-header-view";

describe('Scene Preview Header View Spec', () => {
    let wrapper;
    let spyOnClickClose;
    const SCENE_NAME = 'some name';

    beforeEach(() => {
        spyOnClickClose = sinon.spy();
        wrapper = shallow(<ScenePreviewHeaderView name={SCENE_NAME} onClickClose={spyOnClickClose}/>);
    });

    describe('render', () => {
        it('show icon', () => {
            expect(wrapper.find('.scene-preview-header__icon')).to.lengthOf(1);
        });

        it('show scene name', () => {
            expect(wrapper.find('.scene-preview-header__name')).to.lengthOf(1);
            expect(wrapper.find('.scene-preview-header__name').text()).to.equal(SCENE_NAME);
        });

        it('show close button', () => {
            expect(wrapper.find('.scene-preview-header__close')).to.lengthOf(1);
        });
    });

    it('calls onClickClose when close button clicked', () => {
        wrapper.find('.scene-preview-header__close').simulate('click');
        expect(spyOnClickClose.called).to.true;
    })
});