run with a slow test reporter

Author: stevegalili

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

@@ -4,6 +4,8 @@ import axios from 'axios';
 import PhoneBook from '../PhoneBook';
 import { User } from '../types';
 
+jest.setTimeout(10000);
+
 describe('PhoneBook', () => {
   it('fetches contacts successfully and renders in list', async () => {
     (global.fetch as jest.Mock).mockResolvedValueOnce({

examples/cookbook/jest.config.js

@@ -3,4 +3,5 @@ module.exports = {
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json'],
   setupFilesAfterEnv: ['./jest-setup.ts'],
   testMatch: ['**/*.test.{ts,tsx}'],
+  reporters: [['jest-slow-test-reporter', { numTests: 8, warnOnSlowerThan: 300, color: true }]],
 };

examples/cookbook/package.json

@@ -38,6 +38,7 @@
     "@types/react-native-get-random-values": "^1",
     "eslint": "^8.57.0",
     "jest": "^29.7.0",
+    "jest-slow-test-reporter": "^1.0.0",
     "react-test-renderer": "18.2.0",
     "typescript": "~5.3.3"
   },

examples/cookbook/yarn.lock

@@ -6937,6 +6937,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-slow-test-reporter@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "jest-slow-test-reporter@npm:1.0.0"
+  checksum: 10c0/e613596602b0bfa9c1dea651d54cbeaa203136287c8e5949264ffab630dc16548bcbe799087c8212fe72a08f48b3737e596cbea5c1a3caf068517f3be5dcc051
+  languageName: node
+  linkType: hard
+
 "jest-snapshot@npm:^29.7.0":
   version: 29.7.0
   resolution: "jest-snapshot@npm:29.7.0"
@@ -9552,6 +9559,7 @@ __metadata:
     expo-splash-screen: "npm:~0.27.5"
     expo-status-bar: "npm:~1.12.1"
     jest: "npm:^29.7.0"
+    jest-slow-test-reporter: "npm:^1.0.0"
     jotai: "npm:^2.8.4"
     nanoid: "npm:^3.3.7"
     react: "npm:18.2.0"