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

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
1x
1x
1x
1x
1x
 
1x
 
1x
 
1x
3x
3x
 
 
1x
1x
1x
1x
1x
1x
 
 
1x
1x
 
 
1x
1x
 
1x
 
 
import React from 'react';
import {expect} from 'chai';
import {shallow} from "enzyme";
import sinon from "sinon";
import ContentsPreviewHeaderView from "../../../../src/component/preview/contents/contents-preview-header-view";
 
describe('Contents Preview Header View Spec', () => {
    let wrapper;
    let name = "cat";
    let spyOnClickClose;
    beforeEach(() => {
        spyOnClickClose = sinon.spy();
        wrapper = shallow(<ContentsPreviewHeaderView name={name} onClickClose={spyOnClickClose}/>)
    });
 
    it('has preview items', () => {
        wrapper.setProps({type:'image'});
        expect(wrapper.find('.contents-preview-header').length).to.equal(1);
        expect(wrapper.find('.contents-preview-header__name').length).to.equal(1);
        expect(wrapper.find('.contents-preview-header__type--image').length).to.equal(1);
        expect(wrapper.find('.contents-preview-header__close').length).to.equal(1);
    });
 
    it('has title', () => {
        expect(wrapper.find('.contents-preview-header__name').at(0).text()).to.equal("cat");
    });
 
    it('calls props.onClickClose when click close button', () => {
        wrapper.find('.contents-preview-header__close').simulate('click');
 
        expect(spyOnClickClose.called).to.be.true;
    });
});