painless-ui/components/Radio/Radio.test.js

React ui kit

import React from 'react';
import ShallowRenderer from 'react-test-renderer/shallow';
import Radio from './Radio';
import ReactDOM from 'react-dom';
import ReactTestUtils from 'react-dom/test-utils';
describe('test radio button behaviour', () => {
    it('should render', () => {
        let shallowRenderer = ShallowRenderer;
        const renderer = new shallowRenderer();
        expect(() => renderer.render(React.createElement(Radio, null))).not.toThrowError();
    });
});
describe('test radio bittons events', () => {
    let event;
    const eventHandler = (e) => {
        event = e;
    };
    var div = document.createElement('div');
    document.body.appendChild(div);
    ReactDOM.render(React.createElement(Radio, { onClick: eventHandler }), div);
    const radioButton = div.querySelector('.ui-radio-container input[type=radio]');
    afterEach(() => {
        event = undefined;
    });
    it('test click event', () => {
        ReactTestUtils.Simulate.click(radioButton);
        expect(event).not.toBeUndefined();
    });
});