jest.setTimeout to 7 s

Author: vanGalilea

examples/cookbook/app/network-requests/PhoneBook.tsx

@@ -25,16 +25,14 @@ export default () => {
       try {
         await Promise.all([_getAllContacts(), _getAllFavorites()]);
       } catch (e) {
-        const message = e instanceof Error ? e.message : 'Something went wrong';
+        const message = 'message' in e ? e.message : 'Something went wrong';
         setError(message);
       }
     };
 
     void run();
   }, []);
 
-  console.log({ 'usersData.length': usersData.length, time: new Date().toISOString() });
-
   if (error) {
     return <Text>An error occurred: {error}</Text>;
   }

examples/cookbook/app/network-requests/__tests__/PhoneBook.test.tsx

@@ -6,7 +6,7 @@ import { User } from '../types';
 
 jest.mock('axios');
 
-jest.setTimeout(20000);
+jest.setTimeout(7000);
 describe('PhoneBook', () => {
   it('fetches contacts successfully and renders in list', async () => {
     (global.fetch as jest.Mock).mockResolvedValueOnce({
@@ -16,51 +16,47 @@ describe('PhoneBook', () => {
     (axios.get as jest.Mock).mockResolvedValue({ data: DATA });
     render(<PhoneBook />);
 
-    await new Promise((resolve) => setTimeout(resolve, 1000));
-    screen.debug();
-    await new Promise((resolve) => setTimeout(resolve, 1000));
-    screen.debug();
-    // await waitForElementToBeRemoved(() => screen.getByText(/users data not quite there yet/i));
+    await waitForElementToBeRemoved(() => screen.getByText(/users data not quite there yet/i));
     expect(await screen.findByText('Name: Mrs Ida Kristensen')).toBeOnTheScreen();
     expect(await screen.findByText('Email: ida.kristensen@example.com')).toBeOnTheScreen();
     expect(await screen.findAllByText(/name/i)).toHaveLength(3);
   });
 
-  // it('fails to fetch contacts and renders error message', async () => {
-  //   (global.fetch as jest.Mock).mockResolvedValueOnce({
-  //     ok: false,
-  //   });
-  //   (axios.get as jest.Mock).mockResolvedValue({ data: DATA });
-  //   render(<PhoneBook />);
-  //
-  //   await waitForElementToBeRemoved(() => screen.getByText(/users data not quite there yet/i));
-  //   expect(await screen.findByText(/error fetching contacts/i)).toBeOnTheScreen();
-  // });
-  //
-  // it('fetches favorites successfully and renders all users avatars', async () => {
-  //   (global.fetch as jest.Mock).mockResolvedValueOnce({
-  //     ok: true,
-  //     json: jest.fn().mockResolvedValueOnce(DATA),
-  //   });
-  //   (axios.get as jest.Mock).mockResolvedValue({ data: DATA });
-  //   render(<PhoneBook />);
-  //
-  //   await waitForElementToBeRemoved(() => screen.getByText(/figuring out your favorites/i));
-  //   expect(await screen.findByText(/my favorites/i)).toBeOnTheScreen();
-  //   expect(await screen.findAllByLabelText('favorite-contact-avatar')).toHaveLength(3);
-  // });
-  //
-  // it('fails to fetch favorites and renders error message', async () => {
-  //   (global.fetch as jest.Mock).mockResolvedValueOnce({
-  //     ok: true,
-  //     json: jest.fn().mockResolvedValueOnce(DATA),
-  //   });
-  //   (axios.get as jest.Mock).mockRejectedValueOnce({ message: 'Error fetching favorites' });
-  //   render(<PhoneBook />);
-  //
-  //   await waitForElementToBeRemoved(() => screen.getByText(/figuring out your favorites/i));
-  //   expect(await screen.findByText(/error fetching favorites/i)).toBeOnTheScreen();
-  // });
+  it('fails to fetch contacts and renders error message', async () => {
+    (global.fetch as jest.Mock).mockResolvedValueOnce({
+      ok: false,
+    });
+    (axios.get as jest.Mock).mockResolvedValue({ data: DATA });
+    render(<PhoneBook />);
+
+    await waitForElementToBeRemoved(() => screen.getByText(/users data not quite there yet/i));
+    expect(await screen.findByText(/error fetching contacts/i)).toBeOnTheScreen();
+  });
+
+  it('fetches favorites successfully and renders all users avatars', async () => {
+    (global.fetch as jest.Mock).mockResolvedValueOnce({
+      ok: true,
+      json: jest.fn().mockResolvedValueOnce(DATA),
+    });
+    (axios.get as jest.Mock).mockResolvedValue({ data: DATA });
+    render(<PhoneBook />);
+
+    await waitForElementToBeRemoved(() => screen.getByText(/figuring out your favorites/i));
+    expect(await screen.findByText(/my favorites/i)).toBeOnTheScreen();
+    expect(await screen.findAllByLabelText('favorite-contact-avatar')).toHaveLength(3);
+  });
+
+  it('fails to fetch favorites and renders error message', async () => {
+    (global.fetch as jest.Mock).mockResolvedValueOnce({
+      ok: true,
+      json: jest.fn().mockResolvedValueOnce(DATA),
+    });
+    (axios.get as jest.Mock).mockRejectedValueOnce({ message: 'Error fetching favorites' });
+    render(<PhoneBook />);
+
+    await waitForElementToBeRemoved(() => screen.getByText(/figuring out your favorites/i));
+    expect(await screen.findByText(/error fetching favorites/i)).toBeOnTheScreen();
+  });
 });
 
 const DATA: { results: User[] } = {