import React from 'react';
import { shallow } from 'enzyme';
import Speed from './Speed';
import styles from './Captions.css';

describe('Speed', () => {
    let component;

    beforeAll(() => {
        component = shallow(
            <Speed ariaLabel="Speed" />
        );
    });

    it('should accept a className prop and append it to the components class', () => {
        const newClassNameString = 'a new className';
        expect(component.prop('className'))
            .toContain(styles.component);
        component.setProps({
            className: newClassNameString
        });
        expect(component.prop('className'))
            .toContain(styles.component);
        expect(component.prop('className'))
            .toContain(newClassNameString);
    });

    it('has correct aria-label', () => {
        expect(component.find('button').prop('aria-label'))
            .toEqual('Speed');
    });
});