nexxtway/react-rainbow

import React from 'react';
import { mount } from 'enzyme';
import ButtonItems from '../buttonItems';

describe('<ButtonItems />', () => {
    it('should return the 3 radios when 3 options are passed', () => {
        const options = [
            { value: 'admin', label: 'Admin', disabled: true },
            { value: 'user', label: 'User' },
            { value: 'anonymous', label: 'Anonymous' },
        ];
        const component = mount(<ButtonItems options={options} />);
        expect(component.children().length).toBe(3);
    });
    it('should pass the right props to the RadioButtonItem component', () => {
        const option = [{ optionRef: '000', value: 'admin', label: 'Admin', disabled: true }];
        const component = mount(
            <ButtonItems
                options={option}
                name="name-1"
                ariaDescribedby="error-1"
                onChange={() => {}}
                variant="inverse"
                size="small"
            />,
        );
        expect(component.find('RadioButtonItem').props()).toEqual({
            optionRef: option[0].optionRef,
            itemRef: option[0].optionRef,
            value: option[0].value,
            label: option[0].label,
            disabled: option[0].disabled,
            ariaDescribedby: 'error-1',
            name: 'name-1',
            onChange: expect.any(Function),
            isChecked: false,
            required: undefined,
            size: 'small',
            variant: 'inverse',
        });
    });
});