From de3042911a5a61a8b47fbd12ee0650e929a04315 Mon Sep 17 00:00:00 2001
From: Matthew Shao <me@matshao.com>
Date: Thu, 1 Jun 2017 20:33:22 +0800
Subject: [web] Add tests for js/components/ContentView/CodeEditor.jsx

---
 .../components/ContentView/CodeEditorSpec.js       | 22 ++++++++++++++++++++++
 .../__snapshots__/CodeEditorSpec.js.snap           |  8 ++++++++
 2 files changed, 30 insertions(+)
 create mode 100644 web/src/js/__tests__/components/ContentView/CodeEditorSpec.js
 create mode 100644 web/src/js/__tests__/components/ContentView/__snapshots__/CodeEditorSpec.js.snap

diff --git a/web/src/js/__tests__/components/ContentView/CodeEditorSpec.js b/web/src/js/__tests__/components/ContentView/CodeEditorSpec.js
new file mode 100644
index 00000000..2698f13f
--- /dev/null
+++ b/web/src/js/__tests__/components/ContentView/CodeEditorSpec.js
@@ -0,0 +1,22 @@
+jest.mock('react-codemirror')
+import React from 'react'
+import renderer from 'react-test-renderer'
+import CodeEditor from '../../../components/ContentView/CodeEditor'
+
+describe('CodeEditor Component', () => {
+    let content = "foo content",
+        changeFn = jest.fn(),
+        codeEditor = renderer.create(
+            <CodeEditor content={content} onChange={changeFn}/>
+        ),
+        tree = codeEditor.toJSON()
+    it('should render correctly', () => {
+        expect(tree).toMatchSnapshot()
+    })
+
+    it('should handle key down', () => {
+        let mockEvent = { stopPropagation: jest.fn() }
+        tree.props.onKeyDown(mockEvent)
+        expect(mockEvent.stopPropagation).toBeCalled()
+    })
+})
diff --git a/web/src/js/__tests__/components/ContentView/__snapshots__/CodeEditorSpec.js.snap b/web/src/js/__tests__/components/ContentView/__snapshots__/CodeEditorSpec.js.snap
new file mode 100644
index 00000000..7e688a60
--- /dev/null
+++ b/web/src/js/__tests__/components/ContentView/__snapshots__/CodeEditorSpec.js.snap
@@ -0,0 +1,8 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CodeEditor Component should render correctly 1`] = `
+<div
+  className="codeeditor"
+  onKeyDown={[Function]}
+/>
+`;
-- 
cgit v1.2.3