2 files changed, 115 insertions, 0 deletions
diff --git a/web/src/js/__tests__/components/Modal/OptionModalSpec.js b/web/src/js/__tests__/components/Modal/OptionModalSpec.js
new file mode 100644
index 00000000..dd4e70a2
--- /dev/null
+++ b/web/src/js/__tests__/components/Modal/OptionModalSpec.js
@@ -0,0 +1,54 @@
+import React from 'react'
+import renderer from 'react-test-renderer'
+import { PureOptionDefault } from '../../../components/Modal/OptionModal'
+
+describe('PureOptionDefault Component', () => {
+
+    it('should return null when the value is default', () => {
+        let pureOptionDefault = renderer.create(
+            <PureOptionDefault value="foo" defaultVal="foo"/>
+        ),
+            tree = pureOptionDefault.toJSON()
+        expect(tree).toMatchSnapshot()
+    })
+
+    it('should handle boolean type', () => {
+        let pureOptionDefault = renderer.create(
+            <PureOptionDefault value={true} defaultVal={false}/>
+        ),
+            tree = pureOptionDefault.toJSON()
+        expect(tree).toMatchSnapshot()
+    })
+
+    it('should handle array', () => {
+        let a = [""], b = [], c = ['c'],
+            pureOptionDefault = renderer.create(
+                <PureOptionDefault value={a} defaultVal={b}/>
+            ),
+            tree = pureOptionDefault.toJSON()
+        expect(tree).toMatchSnapshot()
+
+        pureOptionDefault = renderer.create(
+            <PureOptionDefault value={a} defaultVal={c}/>
+        )
+        tree = pureOptionDefault.toJSON()
+        expect(tree).toMatchSnapshot()
+    })
+
+    it('should handle string', () => {
+        let pureOptionDefault = renderer.create(
+            <PureOptionDefault value="foo" defaultVal=""/>
+        ),
+            tree = pureOptionDefault.toJSON()
+        expect(tree).toMatchSnapshot()
+    })
+
+    it('should handle null value', () => {
+        let pureOptionDefault = renderer.create(
+            <PureOptionDefault value="foo" defaultVal={null}/>
+        ),
+            tree = pureOptionDefault.toJSON()
+        expect(tree).toMatchSnapshot()
+    })
+
+})
diff --git a/web/src/js/__tests__/components/Modal/__snapshots__/OptionModalSpec.js.snap b/web/src/js/__tests__/components/Modal/__snapshots__/OptionModalSpec.js.snap
new file mode 100644
index 00000000..68f1c9fc
--- /dev/null
+++ b/web/src/js/__tests__/components/Modal/__snapshots__/OptionModalSpec.js.snap
@@ -0,0 +1,61 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`PureOptionDefault Component should handle array 1`] = `null`;
+
+exports[`PureOptionDefault Component should handle array 2`] = `
+<div
+  className="small"
+>
+  Default: 
+  <strong>
+     
+    [ ]
+     
+  </strong>
+   
+</div>
+`;
+
+exports[`PureOptionDefault Component should handle boolean type 1`] = `
+<div
+  className="small"
+>
+  Default: 
+  <strong>
+     
+    false
+     
+  </strong>
+   
+</div>
+`;
+
+exports[`PureOptionDefault Component should handle null value 1`] = `
+<div
+  className="small"
+>
+  Default: 
+  <strong>
+     
+    null
+     
+  </strong>
+   
+</div>
+`;
+
+exports[`PureOptionDefault Component should handle string 1`] = `
+<div
+  className="small"
+>
+  Default: 
+  <strong>
+     
+    ""
+     
+  </strong>
+   
+</div>
+`;
+
+exports[`PureOptionDefault Component should return null when the value is default 1`] = `null`;