1 files changed, 24 insertions, 16 deletions
diff --git a/frontend/__tests__/SingleItem.test.js b/frontend/__tests__/SingleItem.test.js
index e39431d..313784e 100644
--- a/frontend/__tests__/SingleItem.test.js
+++ b/frontend/__tests__/SingleItem.test.js
@@ -1,23 +1,31 @@
 import React from 'react';
-import { shallow } from 'enzyme';
+import { shallow, mount } from 'enzyme';
+import wait from 'waait';
 import toJSON from 'enzyme-to-json';
-import { SingleItem } from '../components/SingleItem';
+import SingleItem from '../components/SingleItem';
+import { ApolloProvider } from 'react-apollo';
+import mockClient from './mockMang';
+import { SINGLE_ITEM_QUERY } from '../queries/queries';
 
-const wait = amount => new Promise(resolve => setTimeout(resolve, amount));
+describe('<SingleItem/>', () => {
+  it('Renders with Proper Data', async () => {
+    const wrapper = mount(
+      <ApolloProvider client={mockClient.client}>
+        <SingleItem id="123" />
+      </ApolloProvider>
+    );
+    await wait();
+    wrapper.update();
 
-const findItem = {
-  items: [
-    {
-      largeImage: 'dog.jpg',
-      title: 'Sneakers',
-      description: 'A cool set of shoes',
-    },
-  ],
-};
+    const Item = wrapper.find('[data-test="SingleItem"]');
+    expect(toJSON(Item)).toMatchSnapshot();
+  });
 
-describe('<SingleItem/>', () => {
-  it('renders', () => {
-    const wrapper = shallow(<SingleItem findItem={findItem} />);
-    expect(toJSON(wrapper)).toMatchSnapshot();
+  it('Errors with a not found Item', async () => {
+    const wrapper = mount(
+      <ApolloProvider client={mockClient.client}>
+        <SingleItem id="123" />
+      </ApolloProvider>
+    );
   });
 });