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

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

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

describe('<ButtonBackToTop />', () => {
    describe('When a default button-back-to-top is rendered', () => {
        let renderedButtonBackToTop, arr;
        before(() => {
            renderedButtonBackToTop = renderIntoDocument(<ButtonBackToTop />);
            renderedButtonBackToTop.setState({isVisible: true})
            arr = scryRenderedDOMComponentsWithTag(renderedButtonBackToTop, 'button');
        });
        it('should have the material button className and a FAB attribute', () => {
            expect(arr[0].className).to.equal('mdl-button mdl-button--colored mdl-button--fab mdl-js-button mdl-js-ripple-effect');
        });
    });
});