@beisen/common-func/tests/index.js

import React, {Component, PropTypes} from 'react'
import BaseButton from '../src/index';
import { shallow, mount, render } from 'enzyme';

describe('BaseButton', ()=> {

    const BaseData = {
            "bsStyle":"defalult"
                                /**按钮类型(string)。参数：
                                    1.默认:""或者“defalult”
                                    2.弱化按钮：“weaken”
                                    3.连接按钮：“link”
                                **/
            ,"bsSize":"defalult"
                                        /**按钮尺寸(string)。参数：
                                            1.默认:""或者“defalult”
                                            2.小按钮：“small”
                                            3.块状按钮：“block”
                                        **/
            ,"active":false
                                        /**是否选中(Boolean)。参数：
                                            1.默认未选中:false
                                            2.选中:true
                                        **/
            ,"disabled":false
                                        /**是否禁用(Boolean)。参数：
                                            1.默认不禁用:false
                                            2.禁用:true
                                        **/
            ,"href":""          /**如果该字段有定义且非空，return（<a/>）,否则return（</button>）**/
            ,"title":"测试11"         /**显示文本(string)**/
            ,"hidden":false
            ,"onClick":function(){console.log('点击')} /**点击后时间回调**/
    }

    // 渲染成功
    it('render correct', () => {
        const baseButton =  render(<BaseButton data={BaseData}/>);
        expect(baseButton.text()).toEqual("测试11");
    })

    // 按钮激活验证
    it('active correct', () => {
        const baseButton =  render(<BaseButton data={BaseData}/>);
        expect(baseButton.hasClass('base-bg-ripple-active')).not.actual;
    })

    // 按钮尺寸验证
     it('bsSize correct', () => {
        const baseButton =  render(<BaseButton data={BaseData}/>);
        expect(baseButton.hasClass('base-btns-bgc-big')).tactual;
    })

      // 按钮类型验证
    it('bsStyle correct', () => {
        const baseButton =  render(<BaseButton data={BaseData}/>);
        expect(baseButton.hasClass('base-btns-weaken')).tactual;
    })

    // willMount验证
    it('componentWillMount execute correct', () => {
        spyOn(BaseButton.prototype, "componentWillMount");
        mount(<BaseButton  data={BaseData}/>);
        expect(BaseButton.prototype.componentWillMount).toHaveBeenCalled();
    })

    // click事件验证
    it('simulates click events', () => {
        const onButtonClick = jasmine.createSpy('111');
        const baseButton = mount(<BaseButton bnRipple={onButtonClick} data={BaseData}/>);
        baseButton.simulate('click');
        const active = baseButton.state('btnActive');
        expect(active).tactual;
    });

})