Use render helper in tests

This commit is contained in:
Kimmo Puputti 2017-02-07 16:14:28 +02:00
parent 073cf0bd9c
commit 8f92ec2855
3 changed files with 14 additions and 23 deletions

View file

@ -1,9 +1,7 @@
import React from 'react';
import { BrowserRouter } from 'react-router';
import { RoutesProvider } from '../index';
import Routes from '../../Routes';
import { renderDeep } from '../../util/test-helpers';
import NamedLink from './NamedLink';
import renderer from 'react-test-renderer';
describe('NamedLink', () => {
it('should contain correct link', () => {
@ -11,16 +9,13 @@ describe('NamedLink', () => {
const routesConf = [
{ pattern: '/somepage/:id', name: 'SomePage', component: () => <div>blaa</div> },
];
const component = renderer.create(
<BrowserRouter>
<RoutesProvider routes={routesConf}>
<NamedLink name="SomePage" params={{ id }}>to SomePage</NamedLink>
</RoutesProvider>
</BrowserRouter>,
const tree = renderDeep(
<RoutesProvider routes={routesConf}>
<NamedLink name="SomePage" params={{ id }}>to SomePage</NamedLink>
</RoutesProvider>,
);
const json = component.toJSON();
expect(json.type).toEqual('a');
expect(json.props.href).toEqual(`/somepage/${id}`);
expect(json.children).toEqual(['to SomePage']);
expect(tree.type).toEqual('a');
expect(tree.props.href).toEqual(`/somepage/${id}`);
expect(tree.children).toEqual(['to SomePage']);
});
});

View file

@ -1,6 +1,6 @@
import React from 'react';
import { renderDeep } from '../../util/test-helpers';
import RouterProvider from './RouterProvider';
import renderer from 'react-test-renderer';
describe('RouterProvider', () => {
it('should contain routes from context', () => {
@ -10,9 +10,7 @@ describe('RouterProvider', () => {
};
Child.contextTypes = { router: React.PropTypes.object };
const rendered = renderer
.create(<RouterProvider router={router}><Child /></RouterProvider>)
.toJSON();
expect(rendered.children).toContain('router in context');
const tree = renderDeep(<RouterProvider router={router}><Child /></RouterProvider>);
expect(tree.children).toContain('router in context');
});
});

View file

@ -1,6 +1,6 @@
import React from 'react';
import { renderDeep } from '../../util/test-helpers';
import RoutesProvider from './RoutesProvider';
import renderer from 'react-test-renderer';
describe('RoutesProvider', () => {
it('should contain routes from context', () => {
@ -10,9 +10,7 @@ describe('RoutesProvider', () => {
};
Child.contextTypes = { routes: React.PropTypes.array };
const rendered = renderer
.create(<RoutesProvider routes={routesConf}><Child /></RoutesProvider>)
.toJSON();
expect(rendered.children).toContain('SomePage');
const tree = renderDeep(<RoutesProvider routes={routesConf}><Child /></RoutesProvider>);
expect(tree.children).toContain('SomePage');
});
});