go back to simple test

Author: michael-odonovan

src/components/Molecules/PostcodeLookup/PostcodeLookup.test.js

@@ -1,58 +1,12 @@
 import React from 'react';
-import { fireEvent, render } from '@testing-library/react';
-import PostcodeLookup from './PostcodeLookup';
-
-// Mock the fetch function
-global.fetch = jest.fn(() =>
-  Promise.resolve({
-    ok: true,
-    json: () =>
-      Promise.resolve({
-        addresses: [
-          {
-            address_id: 66743883,
-            Line1: '77 CARLYLE ROAD',
-            posttown: 'BRISTOL',
-            postcode: 'BS5 6HQ'
-          }
-        ]
-      })
-  })
-);
-
-// Mock the alert function
-global.alert = jest.fn();
-
-describe('PostcodeLookup', () => {
-  it('should trigger an alert with the address when given postcode bs5 6hq', async () => {
-    const { getByPlaceholderText, getByText } = render(
-      <PostcodeLookup
-        onSelect={address => alert(JSON.stringify(address, null, 2))}
-      />
-    );
+import 'jest-styled-components';
 
-    const postcodeInput = getByPlaceholderText('Enter postcode...');
-    fireEvent.change(postcodeInput, { target: { value: 'bs5 6hq' } });
-
-    const findAddressButton = getByText('Find address');
-    fireEvent.click(findAddressButton);
-
-    // Wait for the asynchronous operation to complete
-    await new Promise(resolve => setTimeout(resolve, 0));
+import renderWithTheme from '../../../hoc/shallowWithTheme';
+import PostcodeLookup from './PostcodeLookup';
 
-    // Check if alert was called with the correct address
-    expect(global.alert).toHaveBeenCalledWith(
-      JSON.stringify(
-        {
-          address_id: 66743883,
-          Line1: '77 CARLYLE ROAD',
-          posttown: 'BRISTOL',
-          postcode: 'BS5 6HQ'
-        },
-        null,
-        2
-      )
-    );
-  });
+it('renders correctly', () => {
+  const tree = renderWithTheme(
+    <PostcodeLookup onSelect={address => alert(JSON.stringify(address, null, 2))} />
+  ).toJSON();
+  expect(tree).toMatchSnapshot()
 });
-