我是玩笑测试的新手,我想测试以下代码。
\nimport React from "react";\nimport "./ButtonLogin.css";\nimport { Link } from 'react-router-dom';\n\nfunction ButtonLogin() {\n return (\n <Link to="/login"> <button className="button-login">Iniciar sesi\xc3\xb3n</button></Link>\n )\n}\n\nexport default ButtonLogin;\nRun Code Online (Sandbox Code Playgroud)\nimport { MemoryRouter } from 'react-router-dom';\nimport { render, fireEvent, Link } from '@testing-library/react';\nimport { ButtonLogin } from './ButtonLogin';\n\nit('routes to a new route', async () => {\n\n ButtonLogin = jest.fn();\n\n const { getByText } = render(\n <MemoryRouter ButtonLogin={ButtonLogin}>\n <Link to="/login">Iniciar sesi\xc3\xb3n</Link>\n </MemoryRouter>\n );\n\n fireEvent.click(getByText('Iniciar sesi\xc3\xb3n'));\n\n expect(ButtonLogin).toHaveBeenCalledWith('/login');\n});\nRun Code Online (Sandbox Code Playgroud)\n我已经执行了以下测试,但失败了,并且在第 9 行中收到以下错误。\n路由到新路由
\n"ButtonLogin" is read-only.\nRun Code Online (Sandbox Code Playgroud)\n javascript reactjs jestjs react-router-dom react-testing-library