aboutsummaryrefslogtreecommitdiffstats
path: root/test/react/Input.spec.js
diff options
context:
space:
mode:
authorMichael Lando <ml636r@att.com>2018-05-21 20:19:48 +0000
committerGerrit Code Review <gerrit@onap.org>2018-05-21 20:19:48 +0000
commit05b37297177e8a342668c15e5d6f738b51f7aedd (patch)
treee236c96df52a13f935292db8aa73e84d0c41ad8a /test/react/Input.spec.js
parent884dfb789593d2a3cc319047ab1f0215778aec9f (diff)
parent1994c98063c27a41797dec01f2ca9fcbe33ceab0 (diff)
Merge "init commit onap ui"2.0.0-ONAPbeijing2.0.0-ONAP
Diffstat (limited to 'test/react/Input.spec.js')
-rw-r--r--test/react/Input.spec.js69
1 files changed, 69 insertions, 0 deletions
diff --git a/test/react/Input.spec.js b/test/react/Input.spec.js
new file mode 100644
index 0000000..3766e45
--- /dev/null
+++ b/test/react/Input.spec.js
@@ -0,0 +1,69 @@
+import React from 'react';
+import Input from '../../src/react/Input.js';
+
+import renderer from 'react-test-renderer';
+import {mount} from 'enzyme';
+
+class InputForm extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {value: 'Initial'};
+ this.handleChange = this.handleChange.bind(this);
+ }
+
+ handleChange(val) {
+ this.setState({value: val});
+ }
+
+ getValue() {
+ return this.input.getValue();
+ }
+
+ render() {
+ return (
+ <form >
+ <Input ref={(input)=>{this.input = input;}} value={this.state.value} name='testinput' onChange={this.handleChange} />
+ </form>
+ );
+ }
+}
+
+describe('Input', () => {
+ test('Input - default', () => {
+ const input = renderer.create(<Input label='label for input' name='clickme' type='text'/>).toJSON();
+ expect(input).toMatchSnapshot();
+ });
+
+ test('Input - required', () => {
+ const input = renderer.create(<Input required label='label for input' name='clickme' type='text'/>).toJSON();
+ expect(input).toMatchSnapshot();
+ });
+
+ test('Input - number', () => {
+ const input = renderer.create(<Input label='label for input' name='clickme' type='number'/>).toJSON();
+ expect(input).toMatchSnapshot();
+ });
+
+ test('Input - readonly', () => {
+ const input = renderer.create(<Input label='label for input' name='clickme' type='text' readOnly/>).toJSON();
+ expect(input).toMatchSnapshot();
+ });
+
+ test('Input - placeholder', () => {
+ const input = renderer.create(<Input label='label for input' name='clickme' type='text' placeholder='hint'/>).toJSON();
+ expect(input).toMatchSnapshot();
+ });
+
+ test('Input - error', () => {
+ const input = renderer.create(<Input label='label for input' name='clickme' type='text' errorMessage='this is an error'/>).toJSON();
+ expect(input).toMatchSnapshot();
+ });
+
+ test('Input - checked state value changes', () => {
+ const input = mount(<InputForm />);
+ expect(input.instance().getValue()).toEqual('Initial');
+ input.find('input').simulate('change', { target : { value: 'Changed' }});
+ expect(input.instance().getValue()).toEqual('Changed');
+ expect(input.find('input').prop('value')).toEqual('Changed');
+ });
+});