From 06a0cabb7a8a338632a1760b91f49bbf0d6b3ff0 Mon Sep 17 00:00:00 2001
From: Matthew Shao <me@matshao.com>
Date: Sun, 25 Jun 2017 21:12:30 +0800
Subject: [web] Add tests for js/components/ContentView.jsx

---
 web/src/js/__tests__/components/ContentViewSpec.js | 61 ++++++++++++++++++++++
 1 file changed, 61 insertions(+)
 create mode 100644 web/src/js/__tests__/components/ContentViewSpec.js

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

diff --git a/web/src/js/__tests__/components/ContentViewSpec.js b/web/src/js/__tests__/components/ContentViewSpec.js
new file mode 100644
index 00000000..c106b28b
--- /dev/null
+++ b/web/src/js/__tests__/components/ContentViewSpec.js
@@ -0,0 +1,61 @@
+import React from 'react'
+import renderer from 'react-test-renderer'
+import ContentView from '../../components/ContentView'
+import { TStore, TFlow } from '../ducks/tutils'
+import { Provider } from 'react-redux'
+import mockXMLHttpRequest from 'mock-xmlhttprequest'
+
+global.XMLHttpRequest = mockXMLHttpRequest
+
+describe('ContentView Component', () => {
+    let store = TStore()
+
+    it('should render correctly', () => {
+        let tflow = TFlow(),
+            provider = renderer.create(
+            <Provider store={store}>
+                <ContentView flow={tflow} message={tflow.request}/>
+            </Provider>),
+            tree = provider.toJSON()
+        expect(tree).toMatchSnapshot()
+    })
+
+    it('should render correctly with empty content', () => {
+        let tflow = TFlow()
+        tflow.response.contentLength = 0
+        let provider = renderer.create(
+            <Provider store={store}>
+                <ContentView flow={tflow} message={tflow.response} readonly={true}/>
+            </Provider>),
+            tree = provider.toJSON()
+        expect(tree).toMatchSnapshot()
+    })
+
+    it('should render correctly with missing content', () => {
+        let tflow = TFlow()
+        tflow.response.contentLength = null
+        let provider = renderer.create(
+            <Provider store={store}>
+                <ContentView flow={tflow} message={tflow.response} readonly={true}/>
+            </Provider>),
+            tree = provider.toJSON()
+        expect(tree).toMatchSnapshot()
+    })
+
+    it('should render correctly with content too large', () => {
+        let tflow = TFlow()
+        tflow.response.contentLength = 1024 * 1024 * 100
+        let provider = renderer.create(
+            <Provider store={store}>
+                <ContentView
+                    flow={tflow}
+                    message={tflow.response}
+                    readonly={true}
+                    uploadContent={jest.fn()}
+                    onOpenFile={jest.fn()}
+                />
+            </Provider>),
+            tree = provider.toJSON()
+        expect(tree).toMatchSnapshot()
+    })
+})
-- 
cgit v1.2.3


From 9ff29cdb2b790e0b88fb8a5519dc13785f3c9819 Mon Sep 17 00:00:00 2001
From: Matthew Shao <me@matshao.com>
Date: Mon, 26 Jun 2017 09:46:29 +0800
Subject: [web] Minor fix and Coverage ++

---
 web/src/js/__tests__/components/ContentViewSpec.js | 1 +
 1 file changed, 1 insertion(+)

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

diff --git a/web/src/js/__tests__/components/ContentViewSpec.js b/web/src/js/__tests__/components/ContentViewSpec.js
index c106b28b..a654870e 100644
--- a/web/src/js/__tests__/components/ContentViewSpec.js
+++ b/web/src/js/__tests__/components/ContentViewSpec.js
@@ -11,6 +11,7 @@ describe('ContentView Component', () => {
     let store = TStore()
 
     it('should render correctly', () => {
+        store.getState().ui.flow.contentView = 'Edit'
         let tflow = TFlow(),
             provider = renderer.create(
             <Provider store={store}>
-- 
cgit v1.2.3