TEST ESTSE TS ETSETST

1 files changed, 77 insertions, 21 deletions

diff --git a/frontend/__tests__/ResetRequest.test.js b/frontend/__tests__/ResetRequest.test.js
index a08f3bc..c7d8012 100644
--- a/frontend/__tests__/ResetRequest.test.js
+++ b/frontend/__tests__/ResetRequest.test.js
@@ -2,37 +2,93 @@ import React from 'react';
 import { mount } from 'enzyme';
 import toJSON from 'enzyme-to-json';
 import ResetRequest from '../components/ResetRequest';
-import mountOptions from '../lib/testUtils';
+import { MockedProvider } from 'react-apollo/test-utils';
+import wait from 'waait';
+import { fakeItem } from '../lib/testUtils';
+import { REQUEST_RESET_MUTATION, RESET_MUTATION } from '../queries/queries';
+
+const mocks = [
+  {
+    request: {
+      query: REQUEST_RESET_MUTATION,
+      variables: {
+        email: 'wesbos@gmail.com',
+      },
+    },
+    result: {
+      data: {
+        requestReset: { id: 'abc123', __typename: 'User' },
+      },
+    },
+  },
+];
 
 describe('<ResetRequest/>', () => {
   it('renders and matches snapshot', async () => {
-    const wrapper = mount(<ResetRequest />, mountOptions);
-    const Form = wrapper.find("Form[data-test='ResetRequest']");
-    expect(toJSON(Form)).toMatchSnapshot();
+    const wrapper = mount(
+      <MockedProvider>
+        <ResetRequest />
+      </MockedProvider>
+    );
+    const form = wrapper.find("form[data-test='ResetRequest']");
+    expect(toJSON(form)).toMatchSnapshot();
   });
 
   it('calls the mutation', async () => {
-    const wrapper = mount(<ResetRequest />, mountOptions);
-    const mutation = wrapper.find('Mutation').instance();
-    const input = wrapper.find('input[name="email"]');
-    input.simulate('change', { target: { name: 'email', value: 'wesbos@gmail.com' } });
-    // Create a spy function on mutate
-    mutation.client.mutate = jest.fn();
-    // mutation.forceUpdate();
-    wrapper.find('Form').simulate('submit');
+    const wrapper = mount(
+      <MockedProvider mocks={mocks}>
+        <ResetRequest />
+      </MockedProvider>
+    );
+
+    wrapper.find('input').simulate('change', {
+      target: { value: 'wesbos@gmail.com' },
+    });
 
-    expect(mutation.client.mutate).toBeCalledWithVariables({ email: 'wesbos@gmail.comx' });
+    // submit the form
+    wrapper.find('form').simulate('submit');
 
-    expect(toJSON(wrapper)).toMatchSnapshot();
+    await wait();
+    wrapper.update();
+    expect(wrapper.find('p').text()).toContain('Success! Check Your Email!');
   });
 
-  it('renders errors', () => {
-    const wrapper = mount(<ResetRequest />, mountOptions);
-    const mutation = wrapper.find('Mutation').instance();
-    mutation.setState({ error: { message: 'Shit!' } });
+  xit('displays an error', async () => {
+    const errorMocks = [
+      {
+        request: {
+          query: REQUEST_RESET_MUTATION,
+          variables: {
+            email: 'wesbos@gmail.com',
+          },
+        },
+        error: {
+          message: 'Shit',
+        },
+      },
+    ];
+    const wrapper = mount(
+      <MockedProvider mocks={errorMocks}>
+        <ResetRequest />
+      </MockedProvider>
+    );
+
+    wrapper.find('input').simulate('change', {
+      target: { value: 'wesbos@gmail.com' },
+    });
+
+    try {
+      wrapper.find('form').simulate('submit');
+      await wait();
+    } catch (e) {
+      console.log(e);
+    }
+    // expect(async () => {
+    // }).toThrow();
+
+    // wrapper.find('form').simulate('submit');
     wrapper.update();
-    const error = wrapper.find('DisplayError');
-    expect(error).toHaveLength(1);
-    expect(toJSON(error)).toMatchSnapshot();
+    console.log(wrapper.debug());
+    // expect(wrapper.find('p').text()).toContain('Success! Check Your Email!');
   });
 });