React 单元测试：模拟 useIntl 和 formatMessage 函数

在单元测试中，可以使用jest.mock来模拟useIntl的返回值，并为formatMessage函数提供一个自定义的实现。\n\n首先，在测试文件的顶部引入useIntl和jest.mock：\n\njavascript\nimport { useIntl } from 'react-intl';\nimport { render, screen } from '@testing-library/react';\nimport '@testing-library/jest-dom/extend-expect';\n\n\n然后，在测试用例中使用jest.mock来模拟useIntl的返回值，并提供一个自定义的formatMessage实现：\n\njavascript\njest.mock('react-intl', () => ({\n useIntl: jest.fn().mockReturnValue({\n formatMessage: jest.fn((message) => `Formatted ${message}`)\n })\n}));\n\ntest('should format message', () => {\n render(<YourComponent />); \n\n // 断言formatMessage函数的调用和返回值\n expect(useIntl().formatMessage).toHaveBeenCalledWith(/* message 参数 */);\n expect(screen.getByText('Formatted message')).toBeInTheDocument();\n});\n\n\n在这个例子中，useIntl被模拟为一个返回一个具有formatMessage函数的对象的函数。formatMessage函数被实现为接收一个message参数，并返回一个带有Formatted前缀的字符串。\n\n在测试用例中，我们可以断言formatMessage函数是否被正确调用，以及返回值是否正确显示在组件中。