Extract snapshot rendering into a helper function

src/components/BookingInfo/BookingInfo.test.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { renderTree } from '../../util/test-helpers';
 import BookingInfo from './BookingInfo';
 
 describe('BookingInfo', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
+    const tree = renderTree(
       <BookingInfo
         pricePerDay="55\\u20AC"
         bookingPeriod="Jan 2nd - Jan 4th"
@@ -12,7 +12,6 @@ describe('BookingInfo', () => {
         total="165\u20AC"
       />,
     );
-    const tree = component.toJSON();
     expect(tree).toMatchSnapshot();
   });
 });

src/components/FilterPanel/FilterPanel.test.js

@@ -1,20 +1,16 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import { RoutesProvider } from '../../components';
 import routesConfiguration from '../../routesConfiguration';
 import FilterPanel from './FilterPanel';
 
 describe('FilterPanel', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <RoutesProvider routes={routesConfiguration}>
-          <FilterPanel />
-        </RoutesProvider>
-      </TestProvider>,
+    const tree = renderTree(
+      <RoutesProvider routes={routesConfiguration}>
+        <FilterPanel />
+      </RoutesProvider>,
     );
-    const tree = component.toJSON();
     expect(tree).toMatchSnapshot();
   });
 });

src/components/HeroSection/HeroSection.test.js

@@ -1,18 +1,14 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import HeroSection from './HeroSection';
 
 describe('HeroSection', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <HeroSection params={{ displayName: 'most-awesome-shop' }}>
-          test
-        </HeroSection>
-      </TestProvider>,
+    const tree = renderTree(
+      <HeroSection params={{ displayName: 'most-awesome-shop' }}>
+        test
+      </HeroSection>,
     );
-    const tree = component.toJSON();
     expect(tree).toMatchSnapshot();
   });
 });

src/components/ListingCard/ListingCard.test.js

@@ -1,6 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import { RoutesProvider } from '../../components';
 import routesConfiguration from '../../routesConfiguration';
 import ListingCard from './ListingCard';
@@ -20,14 +19,11 @@ describe('ListingCard', () => {
         review: { rating: '4' },
       },
     };
-    const component = renderer.create(
-      <TestProvider>
-        <RoutesProvider routes={routesConfiguration}>
-          <ListingCard {...listing} />
-        </RoutesProvider>
-      </TestProvider>,
+    const tree = renderTree(
+      <RoutesProvider routes={routesConfiguration}>
+        <ListingCard {...listing} />
+      </RoutesProvider>,
     );
-    const tree = component.toJSON();
     expect(tree).toMatchSnapshot();
   });
 });

src/components/ListingCardSmall/ListingCardSmall.test.js

@@ -1,6 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import { RoutesProvider } from '../../components';
 import routesConfiguration from '../../routesConfiguration';
 import ListingCardSmall from './ListingCardSmall';
@@ -20,14 +19,11 @@ describe('ListingCardSmall', () => {
         review: { rating: '4' },
       },
     };
-    const component = renderer.create(
-      <TestProvider>
-        <RoutesProvider routes={routesConfiguration}>
-          <ListingCardSmall {...listing} />
-        </RoutesProvider>
-      </TestProvider>,
+    const tree = renderTree(
+      <RoutesProvider routes={routesConfiguration}>
+        <ListingCardSmall {...listing} />
+      </RoutesProvider>,
     );
-    const tree = component.toJSON();
     expect(tree).toMatchSnapshot();
   });
 });

src/components/MapPanel/MapPanel.test.js

@@ -1,20 +1,16 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import { RoutesProvider } from '../../components';
 import routesConfiguration from '../../routesConfiguration';
 import MapPanel from './MapPanel';
 
 describe('MapPanel', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <RoutesProvider routes={routesConfiguration}>
-          <MapPanel />
-        </RoutesProvider>
-      </TestProvider>,
+    const tree = renderTree(
+      <RoutesProvider routes={routesConfiguration}>
+        <MapPanel />
+      </RoutesProvider>,
     );
-    const tree = component.toJSON();
     expect(tree).toMatchSnapshot();
   });
 });

src/components/Menu/Menu.test.js

@@ -1,14 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
-import { RoutesProvider } from '../../components';
-import routesConfiguration from '../../routesConfiguration';
+import { renderTree } from '../../util/test-helpers';
 import Menu from './Menu';
 
 describe('Menu', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(<Menu />);
-    const tree = component.toJSON();
+    const tree = renderTree(<Menu />);
     expect(tree).toMatchSnapshot();
   });
 });

src/components/OrderDetailsPanel/OrderDetailsPanel.test.js

@@ -1,6 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import OrderDetailsPanel from './OrderDetailsPanel.js';
 import { RoutesProvider } from '../../components';
 import routesConfiguration from '../../routesConfiguration';
@@ -24,14 +23,11 @@ describe('OrderDetailsPanel', () => {
       },
       confirmationCode: 'some-test-confirmation-code',
     };
-    const component = renderer.create(
-      <TestProvider>
-        <RoutesProvider routes={routesConfiguration}>
-          <OrderDetailsPanel {...props} />
-        </RoutesProvider>
-      </TestProvider>,
+    const tree = renderTree(
+      <RoutesProvider routes={routesConfiguration}>
+        <OrderDetailsPanel {...props} />
+      </RoutesProvider>,
     );
-    const tree = component.toJSON();
     expect(tree).toMatchSnapshot();
   });
 });

src/components/OrderDiscussionPanel/OrderDiscussionPanel.test.js

@@ -1,20 +1,16 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import OrderDiscussionPanel from './OrderDiscussionPanel.js';
 import { RoutesProvider } from '../../components';
 import routesConfiguration from '../../routesConfiguration';
 
 describe('OrderDiscussionPanel', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <RoutesProvider routes={routesConfiguration}>
-          <OrderDiscussionPanel />
-        </RoutesProvider>
-      </TestProvider>,
+    const tree = renderTree(
+      <RoutesProvider routes={routesConfiguration}>
+        <OrderDiscussionPanel />
+      </RoutesProvider>,
     );
-    const tree = component.toJSON();
     expect(tree).toMatchSnapshot();
   });
 });

src/components/SearchResultsPanel/SearchResultsPanel.test.js

@@ -1,20 +1,16 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import { RoutesProvider } from '../../components';
 import routesConfiguration from '../../routesConfiguration';
 import SearchResultsPanel from './SearchResultsPanel';
 
 describe('SearchResultsPanel', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <RoutesProvider routes={routesConfiguration}>
-          <SearchResultsPanel />
-        </RoutesProvider>
-      </TestProvider>,
+    const tree = renderTree(
+      <RoutesProvider routes={routesConfiguration}>
+        <SearchResultsPanel />
+      </RoutesProvider>,
     );
-    const tree = component.toJSON();
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/AuthenticationPage/AuthenticationPage.test.js

@@ -1,16 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import AuthenticationPage from './AuthenticationPage';
 
 describe('AuthenticationPage', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <AuthenticationPage location={{ state: { from: '/protected' } }} />
-      </TestProvider>,
-    );
-    const tree = component.toJSON();
+    const tree = renderTree(<AuthenticationPage location={{ state: { from: '/protected' } }} />);
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/ChangeAccountPasswordForm/ChangeAccountPasswordForm.test.js

@@ -1,16 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import ChangeAccountPasswordForm from './ChangeAccountPasswordForm';
 
 describe('ChangeAccountPasswordForm', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <ChangeAccountPasswordForm />
-      </TestProvider>,
-    );
-    const tree = component.toJSON();
+    const tree = renderTree(<ChangeAccountPasswordForm />);
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/ChangePasswordForm/ChangePasswordForm.test.js

@@ -1,16 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import ChangePasswordForm from './ChangePasswordForm';
 
 describe('ChangePasswordForm', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <ChangePasswordForm />
-      </TestProvider>,
-    );
-    const tree = component.toJSON();
+    const tree = renderTree(<ChangePasswordForm />);
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/CheckoutPage/CheckoutPage.test.js

@@ -1,20 +1,16 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import CheckoutPage from './CheckoutPage';
 import { RoutesProvider } from '../../components';
 import routesConfiguration from '../../routesConfiguration';
 
 describe('CheckoutPage', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <RoutesProvider routes={routesConfiguration}>
-          <CheckoutPage params={{ listingId: 'some-listing-id' }} />
-        </RoutesProvider>
-      </TestProvider>,
+    const tree = renderTree(
+      <RoutesProvider routes={routesConfiguration}>
+        <CheckoutPage params={{ listingId: 'some-listing-id' }} />
+      </RoutesProvider>,
     );
-    const tree = component.toJSON();
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/ContactDetailsPage/ContactDetailsPage.test.js

@@ -1,16 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import ContactDetailsPage from './ContactDetailsPage';
 
 describe('ContactDetailsPage', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <ContactDetailsPage params={{ displayName: 'my-shop' }} />
-      </TestProvider>,
-    );
-    const tree = component.toJSON();
+    const tree = renderTree(<ContactDetailsPage params={{ displayName: 'my-shop' }} />);
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/EditProfilePage/EditProfilePage.test.js

@@ -1,16 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import EditProfilePage from './EditProfilePage';
 
 describe('EditProfilePage', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <EditProfilePage params={{ displayName: 'my-shop' }} />
-      </TestProvider>,
-    );
-    const tree = component.toJSON();
+    const tree = renderTree(<EditProfilePage params={{ displayName: 'my-shop' }} />);
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/HeroSearchForm/HeroSearchForm.test.js

@@ -1,20 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { Provider } from 'react-redux';
-import { injectIntl, IntlProvider } from 'react-intl';
-import configureStore from '../../store';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import HeroSearchForm from './HeroSearchForm';
 
 describe('HeroSearchForm', () => {
   it('matches snapshot', () => {
-    const store = configureStore();
-    const component = renderer.create(
-      <TestProvider>
-        <HeroSearchForm />
-      </TestProvider>,
-    );
-    const tree = component.toJSON();
+    const tree = renderTree(<HeroSearchForm />);
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/InboxPage/InboxPage.test.js

@@ -1,16 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import InboxPage from './InboxPage';
 
 describe('InboxPage', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <InboxPage filter="inbox" />
-      </TestProvider>,
-    );
-    const tree = component.toJSON();
+    const tree = renderTree(<InboxPage filter="inbox" />);
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/LandingPage/LandingPage.test.js

@@ -1,20 +1,16 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import { LandingPageComponent } from './LandingPage';
 import { RoutesProvider } from '../../components';
 import routesConfiguration from '../../routesConfiguration';
 
 describe('LandingPage', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <RoutesProvider routes={routesConfiguration}>
-          <LandingPageComponent onLocationChanged={v => v} />
-        </RoutesProvider>
-      </TestProvider>,
+    const tree = renderTree(
+      <RoutesProvider routes={routesConfiguration}>
+        <LandingPageComponent onLocationChanged={v => v} />
+      </RoutesProvider>,
     );
-    const tree = component.toJSON();
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/ListingPage/ListingPage.test.js

@@ -1,20 +1,16 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import { RoutesProvider } from '../../components';
 import routesConfiguration from '../../routesConfiguration';
 import ListingPage from './ListingPage';
 
 describe('ListingPage', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <RoutesProvider routes={routesConfiguration}>
-          <ListingPage params={{ slug: 'banyan-studios', id: 1234 }} />
-        </RoutesProvider>
-      </TestProvider>,
+    const tree = renderTree(
+      <RoutesProvider routes={routesConfiguration}>
+        <ListingPage params={{ slug: 'banyan-studios', id: 1234 }} />
+      </RoutesProvider>,
     );
-    const tree = component.toJSON();
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/LoginForm/LoginForm.test.js

@@ -1,16 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import LoginForm from './LoginForm';
 
 describe('LoginForm', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <LoginForm />
-      </TestProvider>,
-    );
-    const tree = component.toJSON();
+    const tree = renderTree(<LoginForm />);
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/ManageListingsPage/ManageListingsPage.test.js

@@ -1,16 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import ManageListingsPage from './ManageListingsPage';
 
 describe('ManageListingsPage', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <ManageListingsPage />
-      </TestProvider>,
-    );
-    const tree = component.toJSON();
+    const tree = renderTree(<ManageListingsPage />);
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/NotFoundPage/NotFoundPage.test.js

@@ -1,16 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import NotFoundPage from './NotFoundPage';
 
 describe('NotFoundPage', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <NotFoundPage />
-      </TestProvider>,
-    );
-    const tree = component.toJSON();
+    const tree = renderTree(<NotFoundPage />);
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/OrderPage/OrderPage.test.js

@@ -1,20 +1,16 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import OrderPage from './OrderPage';
 import { RoutesProvider } from '../../components';
 import routesConfiguration from '../../routesConfiguration';
 
 describe('OrderPage', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <RoutesProvider routes={routesConfiguration}>
-          <OrderPage params={{ id: 1234 }} tab="details" />
-        </RoutesProvider>
-      </TestProvider>,
+    const tree = renderTree(
+      <RoutesProvider routes={routesConfiguration}>
+        <OrderPage params={{ id: 1234 }} tab="details" />
+      </RoutesProvider>,
     );
-    const tree = component.toJSON();
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/PasswordChangePage/PasswordChangePage.test.js

@@ -1,16 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import PasswordChangePage from './PasswordChangePage';
 
 describe('PasswordChangePage', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <PasswordChangePage />
-      </TestProvider>,
-    );
-    const tree = component.toJSON();
+    const tree = renderTree(<PasswordChangePage />);
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/PasswordForgottenForm/PasswordForgottenForm.test.js

@@ -1,18 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { Provider } from 'react-redux';
-import configureStore from '../../store';
+import { renderTree } from '../../util/test-helpers';
 import PasswordForgottenForm from './PasswordForgottenForm';
 
 describe('PasswordForgottenForm', () => {
   it('matches snapshot', () => {
-    const store = configureStore();
-    const component = renderer.create(
-      <Provider store={store}>
-        <PasswordForgottenForm />
-      </Provider>,
-    );
-    const tree = component.toJSON();
+    const tree = renderTree(<PasswordForgottenForm />);
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/PasswordForgottenPage/PasswordForgottenPage.test.js

@@ -1,16 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import PasswordForgottenPage from './PasswordForgottenPage';
 
 describe('PasswordForgottenPage', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <PasswordForgottenPage />
-      </TestProvider>,
-    );
-    const tree = component.toJSON();
+    const tree = renderTree(<PasswordForgottenPage />);
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/PayoutPreferencesPage/PayoutPreferencesPage.test.js

@@ -1,16 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import PayoutPreferencesPage from './PayoutPreferencesPage';
 
 describe('PayoutPreferencesPage', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <PayoutPreferencesPage />
-      </TestProvider>,
-    );
-    const tree = component.toJSON();
+    const tree = renderTree(<PayoutPreferencesPage />);
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/ProfilePage/ProfilePage.test.js

@@ -1,16 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import ProfilePage from './ProfilePage';
 
 describe('ProfilePage', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <ProfilePage params={{ displayName: 'most-awesome-shop' }} />
-      </TestProvider>,
-    );
-    const tree = component.toJSON();
+    const tree = renderTree(<ProfilePage params={{ displayName: 'most-awesome-shop' }} />);
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/SalesConversationPage/SalesConversationPage.test.js

@@ -1,16 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import SalesConversationPage from './SalesConversationPage';
 
 describe('SalesConversationPage', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <SalesConversationPage params={{ id: 12345 }} />
-      </TestProvider>,
-    );
-    const tree = component.toJSON();
+    const tree = renderTree(<SalesConversationPage params={{ id: 12345 }} />);
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/SearchPage/SearchPage.test.js

@@ -1,6 +1,5 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import { SearchPageComponent } from './SearchPage';
 import reducer, { ADD_FILTER, addFilter, initialState } from './SearchPage.ducks';
 import { RoutesProvider } from '../../components';
@@ -8,14 +7,11 @@ import routesConfiguration from '../../routesConfiguration';
 
 describe('SearchPageComponent', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <RoutesProvider routes={routesConfiguration}>
-          <SearchPageComponent onLoadListings={v => v} />
-        </RoutesProvider>
-      </TestProvider>,
+    const tree = renderTree(
+      <RoutesProvider routes={routesConfiguration}>
+        <SearchPageComponent onLoadListings={v => v} />
+      </RoutesProvider>,
     );
-    const tree = component.toJSON();
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/SecurityPage/SecurityPage.test.js

@@ -1,16 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import SecurityPage from './SecurityPage';
 
 describe('SecurityPage', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <SecurityPage />
-      </TestProvider>,
-    );
-    const tree = component.toJSON();
+    const tree = renderTree(<SecurityPage />);
     expect(tree).toMatchSnapshot();
   });
 });

src/containers/SignUpForm/SignUpForm.test.js

@@ -1,16 +1,10 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
-import { TestProvider } from '../../util/test-helpers';
+import { renderTree } from '../../util/test-helpers';
 import SignUpForm from './SignUpForm';
 
 describe('SignUpForm', () => {
   it('matches snapshot', () => {
-    const component = renderer.create(
-      <TestProvider>
-        <SignUpForm />
-      </TestProvider>,
-    );
-    const tree = component.toJSON();
+    const tree = renderTree(<SignUpForm />);
     expect(tree).toMatchSnapshot();
   });
 });

src/util/test-helpers.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import renderer from 'react-test-renderer';
 import { IntlProvider } from 'react-intl';
 import { BrowserRouter } from 'react-router';
 import { Provider } from 'react-redux';
@@ -16,3 +17,12 @@ export const TestProvider = props => {
     </IntlProvider>
   );
 };
+
+export const renderTree = children => {
+  const comp = renderer.create(
+    <TestProvider>
+      {children}
+    </TestProvider>,
+  );
+  return comp.toJSON();
+};