focus-components-v3/src/button-back/__tests__/index.js

Focus web components to build applications (based on Material Design)

import ButtonBack from '../';
const {renderIntoDocument, scryRenderedDOMComponentsWithTag, Simulate} = TestUtils;

const Wrapper = React.createClass({
    render: function() {
        return (
            <div>{this.props.children}</div>
        );
    }
});

describe('Select ButtonBack Component', () => {
    describe('Rendering', () => {
        describe('When a default button-back is rendered', () => {
            let renderedButtonBack, arr;
            const backCallback = () => console.log('Click on back button');
            before(() => {
                renderedButtonBack = renderIntoDocument(<Wrapper><ButtonBack back={backCallback} /></Wrapper>);
                arr = scryRenderedDOMComponentsWithTag(renderedButtonBack, 'button');
            });
            it('should have the material button className', () => {
                expect(arr[0].className).to.equal('mdl-button   mdl-js-button mdl-js-ripple-effect');
            });
        });
    });
});