Spaces:
Running
Running
File size: 3,764 Bytes
6bcb42f |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 |
import React from 'react';
import {shallow} from 'enzyme';
import SliderPrompt from '../../../src/containers/slider-prompt.jsx';
import SliderPromptComponent from '../../../src/components/slider-prompt/slider-prompt.jsx';
describe('Slider Prompt Container', () => {
let onCancel;
let onOk;
beforeEach(() => {
onCancel = jest.fn();
onOk = jest.fn();
});
test('Min/max are shown with decimal when isDiscrete is false', () => {
const wrapper = shallow(
<SliderPrompt
isDiscrete={false}
maxValue={100}
minValue={0}
onCancel={onCancel}
onOk={onOk}
/>
);
const componentProps = wrapper.find(SliderPromptComponent).props();
expect(componentProps.minValue).toBe('0.00');
expect(componentProps.maxValue).toBe('100.00');
});
test('Min/max are NOT shown with decimal when isDiscrete is true', () => {
const wrapper = shallow(
<SliderPrompt
isDiscrete
maxValue={100}
minValue={0}
onCancel={onCancel}
onOk={onOk}
/>
);
const componentProps = wrapper.find(SliderPromptComponent).props();
expect(componentProps.minValue).toBe('0');
expect(componentProps.maxValue).toBe('100');
});
test('Entering a number with a decimal submits with isDiscrete=false', () => {
const wrapper = shallow(
<SliderPrompt
isDiscrete
maxValue={100}
minValue={0}
onCancel={onCancel}
onOk={onOk}
/>
);
const componentProps = wrapper.find(SliderPromptComponent).props();
componentProps.onChangeMin({target: {value: '1.0'}});
componentProps.onOk();
expect(onOk).toHaveBeenCalledWith(1, 100, false);
});
test('Entering integers submits with isDiscrete=true', () => {
const wrapper = shallow(
<SliderPrompt
isDiscrete={false}
maxValue={100.1}
minValue={12.32}
onCancel={onCancel}
onOk={onOk}
/>
);
const componentProps = wrapper.find(SliderPromptComponent).props();
componentProps.onChangeMin({target: {value: '1'}});
componentProps.onChangeMax({target: {value: '2'}});
componentProps.onOk();
expect(onOk).toHaveBeenCalledWith(1, 2, true);
});
test('Enter button submits the form', () => {
const wrapper = shallow(
<SliderPrompt
isDiscrete={false}
maxValue={100.1}
minValue={12.32}
onCancel={onCancel}
onOk={onOk}
/>
);
const componentProps = wrapper.find(SliderPromptComponent).props();
componentProps.onChangeMin({target: {value: '1'}});
componentProps.onChangeMax({target: {value: '2'}});
componentProps.onKeyPress({key: 'Enter'});
expect(onOk).toHaveBeenCalledWith(1, 2, true);
});
test('Validates number-ness before submitting', () => {
const wrapper = shallow(
<SliderPrompt
isDiscrete={false}
maxValue={100.1}
minValue={12.32}
onCancel={onCancel}
onOk={onOk}
/>
);
const componentProps = wrapper.find(SliderPromptComponent).props();
componentProps.onChangeMin({target: {value: 'hello'}});
componentProps.onOk();
expect(onOk).not.toHaveBeenCalled();
expect(onCancel).toHaveBeenCalled();
});
});
|