focus-components-v3/src/input-toggle/__tests__/index.js

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

import InputToggle from '../';

global.componentHandler = {
    upgradeElement: sinon.stub(),
    downgradeElements: sinon.stub()
};

describe('The input toggle', () => {
    describe('when mounted', () => {
        let renderedTest;
        const onChangeSpy = sinon.spy();
        before(() => {
            renderedTest = TestUtils.renderIntoDocument(<InputToggle onChange={onChangeSpy} rawInputValue />);
        });

        it('should hold the provided initial value', () => {
            expect(renderedTest.getValue()).to.equal(true);
        });
    });
    describe('when clicked', () => {
        let renderedTest;
        let toggle;
        const onChangeSpy = sinon.spy();
        before(() => {
            renderedTest = TestUtils.renderIntoDocument(<InputToggle onChange={onChangeSpy} rawInputValue={false} />);
            toggle = ReactDOM.findDOMNode(renderedTest.refs.toggle);
            TestUtils.Simulate.change(toggle, {target: {checked: true}});
        });

        it('should call the handeOnChange prop', () => {
            expect(onChangeSpy).to.be.called.once;
        });

        it('should not change the toggle value if the parent does not explicitly change it', () => {
            expect(renderedTest.getValue()).to.equal(false);
        });
    });
});