new test

Author: michael-odonovan

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

@@ -1,12 +1,58 @@
 import React from 'react';
-import 'jest-styled-components';
-
-import renderWithTheme from '../../../hoc/shallowWithTheme';
+import { fireEvent, render } from '@testing-library/react';
 import PostcodeLookup from './PostcodeLookup';
 
-it('renders correctly', () => {
-  const tree = renderWithTheme(
-    <PostcodeLookup onSelect={address => alert(JSON.stringify(address, null, 2))} />
-  ).toJSON();
-  expect(tree).toMatchSnapshot()
+// 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))}
+      />
+    );
+
+    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));
+
+    // 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
+      )
+    );
+  });
 });
+