diff options
Diffstat (limited to 'web/src/js/__tests__/components/Header')
-rw-r--r-- | web/src/js/__tests__/components/Header/MainMenuSpec.js | 26 | ||||
-rw-r--r-- | web/src/js/__tests__/components/Header/__snapshots__/MainMenuSpec.js.snap | 86 |
2 files changed, 112 insertions, 0 deletions
diff --git a/web/src/js/__tests__/components/Header/MainMenuSpec.js b/web/src/js/__tests__/components/Header/MainMenuSpec.js new file mode 100644 index 00000000..927166fd --- /dev/null +++ b/web/src/js/__tests__/components/Header/MainMenuSpec.js @@ -0,0 +1,26 @@ +jest.mock('../../../ducks/settings') + +import React from 'react' +import renderer from 'react-test-renderer' +import MainMenu, { setIntercept } from '../../../components/Header/MainMenu' +import { Provider } from 'react-redux' +import { update as updateSettings } from '../../../ducks/settings' +import { TStore } from '../../ducks/tutils' + +describe('MainMenu Component', () => { + let store = TStore() + + it('should render and connect to state', () => { + let provider = renderer.create( + <Provider store={store}> + <MainMenu/> + </Provider>), + tree = provider.toJSON() + expect(tree).toMatchSnapshot() + }) + + it('should handle change on interceptInput', () => { + setIntercept('foo') + expect(updateSettings).toBeCalledWith({ intercept: 'foo' }) + }) +}) diff --git a/web/src/js/__tests__/components/Header/__snapshots__/MainMenuSpec.js.snap b/web/src/js/__tests__/components/Header/__snapshots__/MainMenuSpec.js.snap new file mode 100644 index 00000000..b9735aa5 --- /dev/null +++ b/web/src/js/__tests__/components/Header/__snapshots__/MainMenuSpec.js.snap @@ -0,0 +1,86 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`MainMenu Component should render and connect to state 1`] = ` +<div + className="menu-main" +> + <div + className="filter-input input-group" + > + <span + className="input-group-addon" + > + <i + className="fa fa-fw fa-search" + style={ + Object { + "color": "black", + } + } + /> + </span> + <input + className="form-control" + onBlur={[Function]} + onChange={[Function]} + onFocus={[Function]} + onKeyDown={[Function]} + placeholder="Search" + type="text" + value="~u foo" + /> + </div> + <div + className="filter-input input-group" + > + <span + className="input-group-addon" + > + <i + className="fa fa-fw fa-tag" + style={ + Object { + "color": "hsl(48, 100%, 50%)", + } + } + /> + </span> + <input + className="form-control" + onBlur={[Function]} + onChange={[Function]} + onFocus={[Function]} + onKeyDown={[Function]} + placeholder="Highlight" + type="text" + value="~a bar" + /> + </div> + <div + className="filter-input input-group" + > + <span + className="input-group-addon" + > + <i + className="fa fa-fw fa-pause" + style={ + Object { + "color": "hsl(208, 56%, 53%)", + } + } + /> + </span> + <input + className="form-control" + onBlur={[Function]} + onChange={[Function]} + onFocus={[Function]} + onKeyDown={[Function]} + placeholder="Intercept" + type="text" + value="" + /> + </div> +</div> +`; |