1 files changed, 47 insertions, 0 deletions
diff --git a/web/src/js/__tests__/components/ValueEditor/ValidateEditorSpec.js b/web/src/js/__tests__/components/ValueEditor/ValidateEditorSpec.js
new file mode 100644
index 00000000..0c6ac359
--- /dev/null
+++ b/web/src/js/__tests__/components/ValueEditor/ValidateEditorSpec.js
@@ -0,0 +1,47 @@
+import React from 'react'
+import renderer from 'react-test-renderer'
+import TestUtils from 'react-dom/test-utils'
+import ValidateEditor from '../../../components/ValueEditor/ValidateEditor'
+
+describe('ValidateEditor Component', () => {
+    let validateFn = jest.fn( content => content.length == 3),
+        doneFn = jest.fn()
+
+    it('should be render correctly', () => {
+        let validateEditor = renderer.create(
+            <ValidateEditor content="foo" onDone={doneFn} isValid={validateFn}/>
+        ),
+            tree = validateEditor.toJSON()
+        expect(tree).toMatchSnapshot()
+    })
+
+    let validateEditor = TestUtils.renderIntoDocument(
+        <ValidateEditor content="foo" onDone={doneFn} isValid={validateFn}/>
+    )
+    it('should handle componentWillReceiveProps', () => {
+        let mockProps = {
+            isValid: s => s.length == 3,
+            content: "bar"
+        }
+        validateEditor.componentWillReceiveProps(mockProps)
+        expect(validateEditor.state.valid).toBeTruthy()
+        validateEditor.componentWillReceiveProps({...mockProps, content: "bars"})
+        expect(validateEditor.state.valid).toBeFalsy()
+
+    })
+
+    it('should handle input', () => {
+        validateEditor.onInput("foo bar")
+        expect(validateFn).toBeCalledWith("foo bar")
+    })
+
+    it('should handle done', () => {
+        // invalid
+        validateEditor.editor.reset = jest.fn()
+        validateEditor.onDone("foo bar")
+        expect(validateEditor.editor.reset).toBeCalled()
+        // valid
+        validateEditor.onDone("bar")
+        expect(doneFn).toBeCalledWith("bar")
+    })
+})