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

100% Statements 21/21
100% Branches 0/0
100% Functions 7/7
100% Lines 21/21
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 361x 1x 1x 1x 1x   1x     1x   1x 4x 4x     1x 1x 1x     1x 1x 1x     1x 1x       1x 1x 1x    
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;
    })
});