From 8a5825d52271d712ec7c8348447d433067e13ef2 Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Thu, 13 Sep 2018 14:18:56 -0400
Subject: DONE

---
 .../65/frontend/__tests__/RemoveFromCart.test.js   | 67 ++++++++++++++++++++++
 1 file changed, 67 insertions(+)
 create mode 100755 stepped-solutions/65/frontend/__tests__/RemoveFromCart.test.js

(limited to 'stepped-solutions/65/frontend/__tests__/RemoveFromCart.test.js')

diff --git a/stepped-solutions/65/frontend/__tests__/RemoveFromCart.test.js b/stepped-solutions/65/frontend/__tests__/RemoveFromCart.test.js
new file mode 100755
index 0000000..faacc91
--- /dev/null
+++ b/stepped-solutions/65/frontend/__tests__/RemoveFromCart.test.js
@@ -0,0 +1,67 @@
+import { mount } from 'enzyme';
+import wait from 'waait';
+import toJSON from 'enzyme-to-json';
+import { MockedProvider } from 'react-apollo/test-utils';
+import { ApolloConsumer } from 'react-apollo';
+import RemoveFromCart, { REMOVE_FROM_CART_MUTATION } from '../components/RemoveFromCart';
+import { CURRENT_USER_QUERY } from '../components/User';
+import { fakeUser, fakeCartItem } from '../lib/testUtils';
+
+global.alert = console.log;
+
+const mocks = [
+  {
+    request: { query: CURRENT_USER_QUERY },
+    result: {
+      data: {
+        me: {
+          ...fakeUser(),
+          cart: [fakeCartItem({ id: 'abc123' })],
+        },
+      },
+    },
+  },
+  {
+    request: { query: REMOVE_FROM_CART_MUTATION, variables: { id: 'abc123' } },
+    result: {
+      data: {
+        removeFromCart: {
+          __typename: 'CartItem',
+          id: 'abc123',
+        },
+      },
+    },
+  },
+];
+
+describe('<RemoveFromCart/>', () => {
+  it('renders and matches snapshot', async () => {
+    const wrapper = mount(
+      <MockedProvider>
+        <RemoveFromCart id="abc123" />
+      </MockedProvider>
+    );
+    expect(toJSON(wrapper.find('button'))).toMatchSnapshot();
+  });
+
+  it('removes the item from cart', async () => {
+    let apolloClient;
+    const wrapper = mount(
+      <MockedProvider mocks={mocks}>
+        <ApolloConsumer>
+          {client => {
+            apolloClient = client;
+            return <RemoveFromCart id="abc123" />;
+          }}
+        </ApolloConsumer>
+      </MockedProvider>
+    );
+    const res = await apolloClient.query({ query: CURRENT_USER_QUERY });
+    expect(res.data.me.cart).toHaveLength(1);
+    expect(res.data.me.cart[0].item.price).toBe(5000);
+    wrapper.find('button').simulate('click');
+    await wait();
+    const res2 = await apolloClient.query({ query: CURRENT_USER_QUERY });
+    expect(res2.data.me.cart).toHaveLength(0);
+  });
+});
-- 
cgit v1.3