mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2024-12-04 23:43:51 +03:00
85 lines
2.6 KiB
JavaScript
85 lines
2.6 KiB
JavaScript
import expect from 'expect';
|
|
import React from 'react';
|
|
import TestUtils from 'react-addons-test-utils';
|
|
import TodoTextInput from '../../components/TodoTextInput';
|
|
|
|
function setup(propOverrides) {
|
|
const props = Object.assign(
|
|
{
|
|
onSave: expect.createSpy(),
|
|
text: 'Use Redux',
|
|
placeholder: 'What needs to be done?',
|
|
editing: false,
|
|
newTodo: false,
|
|
},
|
|
propOverrides
|
|
);
|
|
|
|
const renderer = TestUtils.createRenderer();
|
|
|
|
renderer.render(<TodoTextInput {...props} />);
|
|
|
|
let output = renderer.getRenderOutput();
|
|
|
|
output = renderer.getRenderOutput();
|
|
|
|
return {
|
|
props: props,
|
|
output: output,
|
|
renderer: renderer,
|
|
};
|
|
}
|
|
|
|
describe('components', () => {
|
|
describe('TodoTextInput', () => {
|
|
it('should render correctly', () => {
|
|
const { output } = setup();
|
|
expect(output.props.placeholder).toEqual('What needs to be done?');
|
|
expect(output.props.value).toEqual('Use Redux');
|
|
expect(output.props.className).toEqual('');
|
|
});
|
|
|
|
it('should render correctly when editing=true', () => {
|
|
const { output } = setup({ editing: true });
|
|
expect(output.props.className).toEqual('edit');
|
|
});
|
|
|
|
it('should render correctly when newTodo=true', () => {
|
|
const { output } = setup({ newTodo: true });
|
|
expect(output.props.className).toEqual('new-todo');
|
|
});
|
|
|
|
it('should update value on change', () => {
|
|
const { output, renderer } = setup();
|
|
output.props.onChange({ target: { value: 'Use Radox' } });
|
|
const updated = renderer.getRenderOutput();
|
|
expect(updated.props.value).toEqual('Use Radox');
|
|
});
|
|
|
|
it('should call onSave on return key press', () => {
|
|
const { output, props } = setup();
|
|
output.props.onKeyDown({ which: 13, target: { value: 'Use Redux' } });
|
|
expect(props.onSave).toHaveBeenCalledWith('Use Redux');
|
|
});
|
|
|
|
it('should reset state on return key press if newTodo', () => {
|
|
const { output, renderer } = setup({ newTodo: true });
|
|
output.props.onKeyDown({ which: 13, target: { value: 'Use Redux' } });
|
|
const updated = renderer.getRenderOutput();
|
|
expect(updated.props.value).toEqual('');
|
|
});
|
|
|
|
it('should call onSave on blur', () => {
|
|
const { output, props } = setup();
|
|
output.props.onBlur({ target: { value: 'Use Redux' } });
|
|
expect(props.onSave).toHaveBeenCalledWith('Use Redux');
|
|
});
|
|
|
|
it('shouldnt call onSave on blur if newTodo', () => {
|
|
const { output, props } = setup({ newTodo: true });
|
|
output.props.onBlur({ target: { value: 'Use Redux' } });
|
|
expect(props.onSave.calls.length).toBe(0);
|
|
});
|
|
});
|
|
});
|