From e1c5f2a93e057c502ec557105b340f0db30fcb10 Mon Sep 17 00:00:00 2001 From: Matthew Shao Date: Wed, 31 May 2017 16:04:28 +0800 Subject: [web] Add tests for js/components/FlowView/Messages.jsx --- .../__tests__/components/FlowView/MessagesSpec.js | 150 ++++++ .../FlowView/__snapshots__/MessagesSpec.js.snap | 568 +++++++++++++++++++++ 2 files changed, 718 insertions(+) create mode 100644 web/src/js/__tests__/components/FlowView/MessagesSpec.js create mode 100644 web/src/js/__tests__/components/FlowView/__snapshots__/MessagesSpec.js.snap diff --git a/web/src/js/__tests__/components/FlowView/MessagesSpec.js b/web/src/js/__tests__/components/FlowView/MessagesSpec.js new file mode 100644 index 00000000..e59149d6 --- /dev/null +++ b/web/src/js/__tests__/components/FlowView/MessagesSpec.js @@ -0,0 +1,150 @@ +import React from 'react' +import renderer from 'react-test-renderer' +import TestUtils from 'react-dom/test-utils' +import { Request, Response, ErrorView } from '../../../components/FlowView/Messages' +import { Provider } from 'react-redux' +import { TFlow, TStore } from '../../ducks/tutils' +import { updateEdit } from '../../../ducks/ui/flow' +import { parseUrl } from '../../../flow/utils' +import ContentView from '../../../components/ContentView' +import ContentViewOptions from '../../../components/ContentView/ContentViewOptions' +import Headers from '../../../components/FlowView/Headers' +import ValueEditor from '../../../components/ValueEditor/ValueEditor' +import mockXMLHttpRequest from 'mock-xmlhttprequest' + +global.XMLHttpRequest = mockXMLHttpRequest +global.fetch = jest.fn() + +let tflow = new TFlow(), + store = TStore() +store.getState().ui.flow.modifiedFlow = false + +mockXMLHttpRequest.onSend = xhr => { + let response = {result: 'success'}, + responseHeaders = {'Content-Type': 'application/json'} + xhr.respond(200, responseHeaders, JSON.stringify(response)) +} + +describe('Request Component', () => { + + afterEach(() => {store.clearActions()}) + + it('should render correctly', () => { + let provider = renderer.create( + + + + ), + tree = provider.toJSON() + expect(tree).toMatchSnapshot() + }) + + let provider = TestUtils.renderIntoDocument( + + + ), + valueEditors = TestUtils.scryRenderedComponentsWithType(provider, ValueEditor) + + it('should handle done on flow request method', () => { + let valueEditor = valueEditors[0] + valueEditor.props.onDone('foo') + expect(store.getActions()).toEqual([updateEdit({ request: { method: 'foo' }})]) + }) + + it('should handle done on flow request url', () => { + let valueEditor = valueEditors[1], + url = 'http://foo/bar' + valueEditor.props.onDone(url) + expect(store.getActions()).toEqual([updateEdit({ request: { path: '', ...parseUrl(url)}})]) + }) + + it('should handle done on flow request http version', () => { + let valueEditor = valueEditors[2] + valueEditor.props.onDone('HTTP/9.9') + expect(store.getActions()).toEqual([updateEdit({ request: { http_version: 'HTTP/9.9' }})]) + }) + + it('should handle change on flow request header', () => { + let headers = TestUtils.findRenderedComponentWithType(provider, Headers) + headers.props.onChange('foo') + expect(store.getActions()).toEqual([updateEdit({ request: { headers: 'foo' }})]) + }) + + it('should handle change on flow request contentView', () => { + let contentView = TestUtils.findRenderedComponentWithType(provider, ContentView) + contentView.props.onContentChange('foo') + expect(store.getActions()).toEqual([updateEdit({ request: { content: 'foo' }})]) + }) + + it('should handle uploadContent on flow request ContentViewOptions', () => { + let contentViewOptions = TestUtils.findRenderedComponentWithType(provider, ContentViewOptions) + contentViewOptions.props.uploadContent('foo') + expect(fetch).toBeCalled() + fetch.mockClear() + }) +}) + +describe('Response Component', () => { + afterEach(() => {store.clearActions()}) + + it('should render correctly', () => { + let provider = renderer.create( + + + + ), + tree = provider.toJSON() + expect(tree).toMatchSnapshot() + }) + + let provider = TestUtils.renderIntoDocument( + + + ), + valueEditors = TestUtils.scryRenderedComponentsWithType(provider, ValueEditor) + + it('should handle done on flow response http version', () => { + let valueEditor = valueEditors[0] + valueEditor.props.onDone('HTTP/9.9') + expect(store.getActions()).toEqual([updateEdit({ response: { http_version: 'HTTP/9.9' }})]) + }) + + it('should handle done on flow response status code', () => { + let valueEditor = valueEditors[1] + valueEditor.props.onDone('404') + expect(store.getActions()).toEqual([updateEdit({ response: { code: parseInt('404') }})]) + }) + + it('should handle done on flow response reason', () => { + let valueEdiotr = valueEditors[2] + valueEdiotr.props.onDone('foo') + expect(store.getActions()).toEqual([updateEdit( { response: { msg: 'foo' }})]) + }) + + it('should handle change on flow response headers', () => { + let headers = TestUtils.findRenderedComponentWithType(provider, Headers) + headers.props.onChange('foo') + expect(store.getActions()).toEqual([updateEdit( { response: { headers: 'foo' }})]) + }) + + it('should handle change on flow response ContentView', () => { + let contentView = TestUtils.findRenderedComponentWithType(provider, ContentView) + contentView.props.onContentChange('foo') + expect(store.getActions()).toEqual([updateEdit( { response: { content: 'foo' }})]) + }) + + it('should handle updateContent on flow response ContentViewOptions', () => { + let contentViewOptions = TestUtils.findRenderedComponentWithType(provider, ContentViewOptions) + contentViewOptions.props.uploadContent('foo') + expect(fetch).toBeCalled() + fetch.mockClear() + }) +}) + +describe('Error Component', () => { + it('should render correctly', () => { + let errorView = renderer.create(), + tree = errorView.toJSON() + expect(tree).toMatchSnapshot() + }) +}) diff --git a/web/src/js/__tests__/components/FlowView/__snapshots__/MessagesSpec.js.snap b/web/src/js/__tests__/components/FlowView/__snapshots__/MessagesSpec.js.snap new file mode 100644 index 00000000..9bbdf8e9 --- /dev/null +++ b/web/src/js/__tests__/components/FlowView/__snapshots__/MessagesSpec.js.snap @@ -0,0 +1,568 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Error Component should render correctly 1`] = ` +
+
+ error +
+ + 2017-05-21 12:38:32.481 + +
+
+
+`; + +exports[`Request Component should render correctly 1`] = ` +
+
+
+ + + +
+
+
+
+   +
+   +
+
+
+ + + + + + + + + + + +
+
+ + : + +
+
+
+
+ + : + +
+
+
+
+
+
+ +
+
+
+ +
+`; + +exports[`Response Component should render correctly 1`] = ` +
+
+
+ + + +
+
+
+   +
+   +
+
+ + + + + + + + + + + +
+
+ + : + +
+
+
+
+ + : + +
+
+
+
+
+
+ +
+
+
+ +
+`; -- cgit v1.2.3