From 81c854e9097b9d8990899b41a1ac8f7050182763 Mon Sep 17 00:00:00 2001
From: Matthew Shao <me@matshao.com>
Date: Wed, 28 Jun 2017 18:50:08 +0800
Subject: [web] Update test for js/components/Header/FileMenu.jsx

---
 web/src/js/__tests__/components/Header/FileMenuSpec.js    | 15 ++++++++++++++-
 .../components/Header/__snapshots__/FileMenuSpec.js.snap  | 13 +++++++++++++
 2 files changed, 27 insertions(+), 1 deletion(-)

(limited to 'web/src/js/__tests__/components')

diff --git a/web/src/js/__tests__/components/Header/FileMenuSpec.js b/web/src/js/__tests__/components/Header/FileMenuSpec.js
index 65b4647a..0d87530b 100644
--- a/web/src/js/__tests__/components/Header/FileMenuSpec.js
+++ b/web/src/js/__tests__/components/Header/FileMenuSpec.js
@@ -8,13 +8,20 @@ describe('FileMenu Component', () => {
     let clearFn = jest.fn(),
         loadFn = jest.fn(),
         saveFn = jest.fn(),
+        openModalFn = jest.fn(),
         mockEvent = {
             preventDefault: jest.fn(),
             target: { files: ["foo", "bar "] }
         },
         createNodeMock = () => { return { click: jest.fn() }},
         fileMenu = renderer.create(
-            <FileMenu clearFlows={clearFn} loadFlows={loadFn} saveFlows={saveFn}/>, { createNodeMock }),
+            <FileMenu
+                clearFlows={clearFn}
+                loadFlows={loadFn}
+                saveFlows={saveFn}
+                openModal={openModalFn}
+            />,
+            { createNodeMock }),
         tree = fileMenu.toJSON()
 
     it('should render correctly', () => {
@@ -42,4 +49,10 @@ describe('FileMenu Component', () => {
         a.props.onClick(mockEvent)
         expect(saveFn).toBeCalled()
     })
+
+    it('should open optionModal', () => {
+        let a = ul.children[3].children[1]
+        a.props.onClick(mockEvent)
+        expect(openModalFn).toBeCalled()
+    })
 })
diff --git a/web/src/js/__tests__/components/Header/__snapshots__/FileMenuSpec.js.snap b/web/src/js/__tests__/components/Header/__snapshots__/FileMenuSpec.js.snap
index 13ecf3f5..15c1afbc 100644
--- a/web/src/js/__tests__/components/Header/__snapshots__/FileMenuSpec.js.snap
+++ b/web/src/js/__tests__/components/Header/__snapshots__/FileMenuSpec.js.snap
@@ -60,6 +60,19 @@ exports[`FileMenu Component should render correctly 1`] = `
          Save...
       </a>
        
+    </li>
+    <li>
+       
+      <a
+        href="#"
+        onClick={[Function]}
+      >
+        <i
+          className="fa fa-fw fa-cog"
+        />
+         Options
+      </a>
+       
     </li>
     <li>
        
-- 
cgit v1.2.3


From 7a50301af322667faff8adc1d5990957df9dc4bb Mon Sep 17 00:00:00 2001
From: Matthew Shao <me@matshao.com>
Date: Thu, 29 Jun 2017 09:20:11 +0800
Subject: [web] Add tests for js/components/Modal/ModalSpec.js

---
 web/src/js/__tests__/components/Modal/ModalSpec.js | 30 +++++++++++
 .../Modal/__snapshots__/ModalSpec.js.snap          | 62 ++++++++++++++++++++++
 2 files changed, 92 insertions(+)
 create mode 100644 web/src/js/__tests__/components/Modal/ModalSpec.js
 create mode 100644 web/src/js/__tests__/components/Modal/__snapshots__/ModalSpec.js.snap

(limited to 'web/src/js/__tests__/components')

diff --git a/web/src/js/__tests__/components/Modal/ModalSpec.js b/web/src/js/__tests__/components/Modal/ModalSpec.js
new file mode 100644
index 00000000..e4880d08
--- /dev/null
+++ b/web/src/js/__tests__/components/Modal/ModalSpec.js
@@ -0,0 +1,30 @@
+import React from 'react'
+import renderer from 'react-test-renderer'
+import Modal from '../../../components/Modal/Modal'
+import { Provider } from 'react-redux'
+import { TStore } from '../../ducks/tutils'
+
+describe('Modal Component', () => {
+    let store = TStore()
+
+    it('should render correctly', () => {
+        // hide modal by default
+        let provider = renderer.create(
+            <Provider store={store}>
+               <Modal/>
+            </Provider>
+        ),
+            tree = provider.toJSON()
+        expect(tree).toMatchSnapshot()
+
+        // option modal show up
+        store.getState().ui.modal.activeModal = 'OptionModal'
+        provider = renderer.create(
+            <Provider store={store}>
+                <Modal/>
+            </Provider>
+        )
+        tree = provider.toJSON()
+        expect(tree).toMatchSnapshot()
+    })
+})
diff --git a/web/src/js/__tests__/components/Modal/__snapshots__/ModalSpec.js.snap b/web/src/js/__tests__/components/Modal/__snapshots__/ModalSpec.js.snap
new file mode 100644
index 00000000..f25c3330
--- /dev/null
+++ b/web/src/js/__tests__/components/Modal/__snapshots__/ModalSpec.js.snap
@@ -0,0 +1,62 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Modal Component should render correctly 1`] = `<div />`;
+
+exports[`Modal Component should render correctly 2`] = `
+<div>
+  <div
+    className="modal-backdrop fade in"
+  />
+  <div
+    aria-labelledby="options"
+    className="modal modal-visible"
+    id="optionsModal"
+    role="dialog"
+    tabIndex="-1"
+  >
+    <div
+      className="modal-dialog modal-lg"
+      role="document"
+    >
+      <div
+        className="modal-content"
+      >
+        <div
+          className="modal-header"
+        >
+          <button
+            className="close"
+            data-dismiss="modal"
+            onClick={[Function]}
+            type="button"
+          >
+            <i
+              className="fa fa-fw fa-times"
+            />
+          </button>
+          <div
+            className="modal-title"
+          >
+            <h4>
+              Options
+            </h4>
+          </div>
+        </div>
+        <div
+          className="modal-body"
+        />
+        <div
+          className="modal-footer"
+        >
+          <button
+            className="btn btn-primary"
+            type="button"
+          >
+            Save Changes
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
-- 
cgit v1.2.3


From e28f3881dc9a72da73bebcaa7606a2c681151d6e Mon Sep 17 00:00:00 2001
From: Matthew Shao <me@matshao.com>
Date: Fri, 30 Jun 2017 20:46:50 +0800
Subject: [web] Update tests for components.

---
 .../Modal/__snapshots__/ModalSpec.js.snap          | 60 ++++++++++++----------
 1 file changed, 32 insertions(+), 28 deletions(-)

(limited to 'web/src/js/__tests__/components')

diff --git a/web/src/js/__tests__/components/Modal/__snapshots__/ModalSpec.js.snap b/web/src/js/__tests__/components/Modal/__snapshots__/ModalSpec.js.snap
index f25c3330..4fe163d1 100644
--- a/web/src/js/__tests__/components/Modal/__snapshots__/ModalSpec.js.snap
+++ b/web/src/js/__tests__/components/Modal/__snapshots__/ModalSpec.js.snap
@@ -21,39 +21,43 @@ exports[`Modal Component should render correctly 2`] = `
       <div
         className="modal-content"
       >
-        <div
-          className="modal-header"
-        >
-          <button
-            className="close"
-            data-dismiss="modal"
-            onClick={[Function]}
-            type="button"
+        <div>
+          <div
+            className="modal-header"
           >
-            <i
-              className="fa fa-fw fa-times"
-            />
-          </button>
+            <button
+              className="close"
+              data-dismiss="modal"
+              onClick={[Function]}
+              type="button"
+            >
+              <i
+                className="fa fa-fw fa-times"
+              />
+            </button>
+            <div
+              className="modal-title"
+            >
+              <h4>
+                Options
+              </h4>
+            </div>
+          </div>
           <div
-            className="modal-title"
+            className="modal-body"
           >
-            <h4>
-              Options
-            </h4>
+            ...
           </div>
-        </div>
-        <div
-          className="modal-body"
-        />
-        <div
-          className="modal-footer"
-        >
-          <button
-            className="btn btn-primary"
-            type="button"
+          <div
+            className="modal-footer"
           >
-            Save Changes
-          </button>
+            <button
+              className="btn btn-primary"
+              type="button"
+            >
+              Save Changes
+            </button>
+          </div>
         </div>
       </div>
     </div>
-- 
cgit v1.2.3