From 2b5a300284b3b15c08f51f0aa3948c1f6465929f Mon Sep 17 00:00:00 2001
From: Matthew Shao <me@matshao.com>
Date: Fri, 12 May 2017 09:05:06 +0800
Subject: [web] Add tests for js/components/common/ToggleButton.jsx

---
 .../components/common/ToggleButtonSpec.js          | 26 ++++++++++++++++++++++
 .../common/__snapshots__/ToggleButtonSpec.js.snap  | 14 ++++++++++++
 2 files changed, 40 insertions(+)
 create mode 100644 web/src/js/__tests__/components/common/ToggleButtonSpec.js
 create mode 100644 web/src/js/__tests__/components/common/__snapshots__/ToggleButtonSpec.js.snap

(limited to 'web')

diff --git a/web/src/js/__tests__/components/common/ToggleButtonSpec.js b/web/src/js/__tests__/components/common/ToggleButtonSpec.js
new file mode 100644
index 00000000..2188da82
--- /dev/null
+++ b/web/src/js/__tests__/components/common/ToggleButtonSpec.js
@@ -0,0 +1,26 @@
+import React from 'react'
+import renderer from 'react-test-renderer'
+import ToggleButton from '../../../components/common/ToggleButton'
+
+describe('ToggleButton Component', () => {
+    let mockFunc = jest.fn()
+
+    it('should render correctly', () => {
+        let checkedButton = renderer.create(
+                <ToggleButton checked={true} onToggle={mockFunc} text="foo">
+                    text
+                </ToggleButton>),
+        tree = checkedButton.toJSON()
+        expect(tree).toMatchSnapshot()
+    })
+
+    it('should handle click action', () => {
+        let uncheckButton = renderer.create(
+            <ToggleButton checked={false} onToggle={mockFunc} text="foo">
+                text
+            </ToggleButton>),
+        tree = uncheckButton.toJSON()
+        tree.props.onClick()
+        expect(mockFunc).toBeCalled()
+    })
+})
diff --git a/web/src/js/__tests__/components/common/__snapshots__/ToggleButtonSpec.js.snap b/web/src/js/__tests__/components/common/__snapshots__/ToggleButtonSpec.js.snap
new file mode 100644
index 00000000..f468d39f
--- /dev/null
+++ b/web/src/js/__tests__/components/common/__snapshots__/ToggleButtonSpec.js.snap
@@ -0,0 +1,14 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ToggleButton Component should render correctly 1`] = `
+<div
+  className="btn btn-toggle btn-primary"
+  onClick={[Function]}
+>
+  <i
+    className="fa fa-fw fa-check-square-o"
+  />
+   
+  foo
+</div>
+`;
-- 
cgit v1.2.3