ITS FRIDAY SCREW IT

4 files changed, 92 insertions, 10 deletions

diff --git a/frontend/__tests__/RemoveFromCart.test.js b/frontend/__tests__/RemoveFromCart.test.js
index 5f1a54a..4ecf8cc 100644
--- a/frontend/__tests__/RemoveFromCart.test.js
+++ b/frontend/__tests__/RemoveFromCart.test.js
@@ -1,20 +1,83 @@
 import React from 'react';
+import { mount } from 'enzyme';
 import toJSON from 'enzyme-to-json';
+import { ApolloConsumer } from 'react-apollo';
+import { MockedProvider } from 'react-apollo/test-utils';
+import wait from 'waait';
 import RemoveFromCart from '../components/RemoveFromCart';
-import { mountWithApollo } from './mockMang';
+import { mountWithApollo, fakeCartItem, fakeUser } from './mockMang';
+import { CURRENT_USER_QUERY, REMOVE_FROM_CART_MUTATION } from '../queries/queries';
+
+const mocks = [
+  {
+    request: { query: CURRENT_USER_QUERY },
+    result: {
+      data: {
+        me: {
+          ...fakeUser(),
+          cart: [fakeCartItem({ id: 'abc123' })],
+          orders: [],
+        },
+      },
+    },
+  },
+  {
+    request: {
+      // This is the mutation
+      query: REMOVE_FROM_CART_MUTATION,
+      variables: { id: 'abc123' },
+    },
+    result: { data: { removeFromCart: { id: 'abc123' } } },
+  },
+  {
+    request: { query: CURRENT_USER_QUERY },
+    result: {
+      data: {
+        me: { name: 'hi', cart: [], permissions: [], orders: [], id: 22, email: 'jame@apollo.com' },
+      },
+    },
+  },
+];
 
 describe('<RemoveFromCart/>', () => {
   it('renders and matches snapshot', () => {
-    const { wrapper } = mountWithApollo(<RemoveFromCart id="123" />);
+    const wrapper = mountWithApollo(<RemoveFromCart id="123" />);
     expect(toJSON(wrapper.find('button'))).toMatchSnapshot();
   });
 
-  it('runs the mutation with correct variables', () => {
-    const { wrapper } = mountWithApollo(<RemoveFromCart id="abc123" />);
-    const mutation = wrapper.find('Mutation').instance();
-    mutation.client.mutate = jest.fn().mockResolvedValue({ removeFromCart: { id: 'abc123' } });
+  fit('removes an item from the cart', async () => {
+    // 1. Grab a copy of the current client
+    let apolloClient;
+    // const wrapper = mountWithApollo(<RemoveFromCart id="abc123" />);
+    const wrapper = mount(
+      <MockedProvider mocks={mocks}>
+        <ApolloConsumer>
+          {client => {
+            apolloClient = client;
+            return <RemoveFromCart id="abc123" />;
+          }}
+        </ApolloConsumer>
+      </MockedProvider>
+    );
+    // Fire Off that first mock
+    await apolloClient.query({ query: CURRENT_USER_QUERY });
+    // check if it worked
+    const { me } = apolloClient.readQuery({ query: CURRENT_USER_QUERY });
+    expect(me.cart).toHaveLength(1);
+
+    // simulate a click, which will fire REMOVE_FROM_CART mock
     wrapper.find('button').simulate('click');
-    expect(mutation.client.mutate).toHaveBeenCalled();
-    expect(mutation.client.mutate).toHaveBeenCalledWithVariables({ id: 'abc123' });
+    await wait();
+    const { me: me2 } = apolloClient.readQuery({ query: CURRENT_USER_QUERY });
+    // console.log('----------');
+    // console.log(me2);
+    // console.log('----------');
+    expect(me2.cart).toHaveLength(0);
+    // await wait(2);
+    // // the updated query from the mutation update
+    // await apollo.query({ query: CURRENT_USER_QUERY, fetchPolicy: 'cache-only' })
+
+    // // sync
+    // const user = apollo.readQuery({ query: CURRENT_USER_QUERY })
   });
 });
diff --git a/frontend/__tests__/SingleItem.test.js b/frontend/__tests__/SingleItem.test.js
index 8625e80..bd99ec1 100644
--- a/frontend/__tests__/SingleItem.test.js
+++ b/frontend/__tests__/SingleItem.test.js
@@ -27,11 +27,12 @@ describe('<SingleItem/>', () => {
     );
     // Check for loading state
     expect(wrapper.text()).toContain('Loading...');
+    1;
 
     // wait for response and refresh
     await wait(55);
     wrapper.update();
-    // Grab the peice we wnat
+    // Grab the piece we want
     const Item = wrapper.find('[data-test="SingleItem"]');
     // snapshot it!
     expect(toJSON(Item)).toMatchSnapshot();
diff --git a/frontend/__tests__/mockMang.js b/frontend/__tests__/mockMang.js
index 375973c..a6b71af 100644
--- a/frontend/__tests__/mockMang.js
+++ b/frontend/__tests__/mockMang.js
@@ -48,6 +48,23 @@ const fakeItem = () => ({
   largeImage: 'dog.jpg',
 });
 
+const fakeUser = () => ({
+  __typename: 'User',
+  id: '4234',
+  name: 'Fakey Mc Fake',
+  email: 'fake@fake.com',
+  permissions: ['ADMIN'],
+});
+
+const fakeCartItem = overrides => ({
+  __typename: 'CartItem',
+  id: 'omg123',
+  quantity: 3,
+  item: fakeItem(),
+  user: fakeUser(),
+  ...overrides,
+});
+
 const resolvers = {
   // Query: {
   //   cartOpen: () => true,
@@ -81,4 +98,4 @@ const mountWithApollo = Component => {
 
 export default mountOptions;
 
-export { mocked, mountWithApollo, fakeItem };
+export { mocked, mountWithApollo, fakeItem, fakeUser, fakeCartItem };
diff --git a/frontend/queries/queries.js b/frontend/queries/queries.js
index b6d8207..40ffebb 100644
--- a/frontend/queries/queries.js
+++ b/frontend/queries/queries.js
@@ -3,6 +3,7 @@ import { perPage } from '../config';
 
 const itemDetails = gql`
   fragment itemDetails on Item {
+    __typename
     id
     title
     price