From f465f08c9ac302007b3aec6709a8e82d63c7ad65 Mon Sep 17 00:00:00 2001
From: Matthew Shao <me@matshao.com>
Date: Thu, 20 Jul 2017 15:39:43 +0800
Subject: [web] Minor fix and update tests.

---
 .../js/__tests__/components/Modal/OptionSpec.js    | 99 ++++++++++++++++++++++
 1 file changed, 99 insertions(+)
 create mode 100644 web/src/js/__tests__/components/Modal/OptionSpec.js

(limited to 'web/src/js/__tests__/components/Modal/OptionSpec.js')

diff --git a/web/src/js/__tests__/components/Modal/OptionSpec.js b/web/src/js/__tests__/components/Modal/OptionSpec.js
new file mode 100644
index 00000000..a275aee6
--- /dev/null
+++ b/web/src/js/__tests__/components/Modal/OptionSpec.js
@@ -0,0 +1,99 @@
+import React from 'react'
+import renderer from 'react-test-renderer'
+import { Options, ChoicesOption } from '../../../components/Modal/Option'
+
+describe('BooleanOption Component', () => {
+    let BooleanOption = Options['bool'],
+        onChangeFn = jest.fn(),
+        booleanOption = renderer.create(
+            <BooleanOption value={true} onChange={onChangeFn}/>
+        ),
+        tree = booleanOption.toJSON()
+
+    it('should render correctly', () => {
+        expect(tree).toMatchSnapshot()
+    })
+
+    it('should handle onChange', () => {
+        let input = tree.children[0].children[0],
+            mockEvent = { target: { checked: true }}
+        input.props.onChange(mockEvent)
+        expect(onChangeFn).toBeCalledWith(mockEvent.target.checked)
+    })
+})
+
+describe('StringOption Component', () => {
+    let StringOption = Options['str'],
+        onChangeFn = jest.fn(),
+        stringOption = renderer.create(
+            <StringOption value="foo" onChange={onChangeFn}/>
+        ),
+        tree = stringOption.toJSON()
+
+    it('should render correctly', () => {
+        expect(tree).toMatchSnapshot()
+    })
+
+    it('should handle onChange', () => {
+        let mockEvent = { target: { value: 'bar' }}
+        tree.props.onChange(mockEvent)
+        expect(onChangeFn).toBeCalledWith(mockEvent.target.value)
+    })
+
+})
+
+describe('NumberOption Component', () => {
+    let NumberOption = Options['int'],
+        onChangeFn = jest.fn(),
+        numberOption = renderer.create(
+            <NumberOption value={1} onChange={onChangeFn}/>
+        ),
+        tree = numberOption.toJSON()
+
+    it('should render correctly', () => {
+        expect(tree).toMatchSnapshot()
+    })
+
+    it('should handle onChange', () => {
+        let mockEvent = {target: { value: '2'}}
+        tree.props.onChange(mockEvent)
+        expect(onChangeFn).toBeCalledWith(2)
+    })
+})
+
+describe('ChoiceOption Component', () => {
+    let onChangeFn = jest.fn(),
+        choiceOption = renderer.create(
+            <ChoicesOption value='a' choices={['a', 'b', 'c']} onChange={onChangeFn}/>
+        ),
+        tree = choiceOption.toJSON()
+
+    it('should render correctly', () => {
+        expect(tree).toMatchSnapshot()
+    })
+
+    it('should handle onChange', () => {
+        let mockEvent = { target: {value: 'b'} }
+        tree.props.onChange(mockEvent)
+        expect(onChangeFn).toBeCalledWith(mockEvent.target.value)
+    })
+})
+
+describe('StringOption Component', () => {
+    let onChangeFn = jest.fn(),
+        StringSequenceOption = Options['sequence of str'],
+        stringSequenceOption = renderer.create(
+            <StringSequenceOption value={['a', 'b']} onChange={onChangeFn}/>
+        ),
+        tree = stringSequenceOption.toJSON()
+
+    it('should render correctly', () => {
+        expect(tree).toMatchSnapshot()
+    })
+
+    it('should handle onChange', () => {
+        let mockEvent = { target: {value: 'a\nb\nc\n'}}
+        tree.props.onChange(mockEvent)
+        expect(onChangeFn).toBeCalledWith(['a', 'b', 'c', ''])
+    })
+})
-- 
cgit v1.2.3