在DOM测试库或反应测试库中测试输入值的最佳方法
测试dom-testing-library/react-testing-library中元素的值的最佳方式是什么？ 我采取的方法是通过closest()方法获取原始输入元素本身，然后使我可以直接访问value属性： const input = getByLabelText("Some Label") expect(input.closest("input").value)
..
react-testing-library相关内容
如何使用Reaction测试库从选择列表中选择选项
我有一个普通的选择列表。我需要测试当我选择一个选项时会调用handleChoice。如何使用Reaction测试库执行此操作？ Make your choice {attribu
..
使用Reaction测试库获取HTML元素？
我在Reaction测试库中使用getByTestId函数： const button = wrapper.getByTestId("button"); expect(heading.textContent).toBe("something"); 是否可以/建议改为搜索HTML元素？所以大概是这样的： const button = wrapper.getByHTML("button
..
反应-测试-库-屏幕与呈现查询
使用react-testing-library查询有两种方式。 您可以使用render方法返回的查询： import React from 'react' import { render } from '@testing-library/react' ... const { getByText } = render(
Foo) expect(getByText
..
Reaction-Testing-Library中的名称选项是什么？
自从使用@Testing-Library for Reaction开始，我就被name属性搞糊涂了。可以获得呈现的按钮的引用，例如： // Button text screen.getbyRole("button", {name: /button text/gi}) 在本例中，名称指的是按钮内部的textNode。关于输入的情况类似，name可以指idn
..
在测试时，应将导致反应状态更新的代码包装到ACT中
我有这样的测试： import { render, cleanup, waitForElement } from '@testing-library/react' const TestApp = () => { const { loading, data, error } = useFetch('https://example.com', { onMount
..
使用Reaction测试库检查出现在元素内的文本
我正在使用Testing Library为Reaction应用程序编写一些测试。我想检查某些文本是否出现，但我需要检查它是否出现在特定位置，因为我知道它已经出现在其他位置。 Testing Library documentation for queries表示getByText查询接受container参数，我猜该参数允许您在该容器内进行搜索。我尝试这样做，按照文档中指定的顺序使用contain
..
将反应查询测试与测试库集成
目标 我正在构建一个NextJS应用程序，它使用Reaction-Query来获取数据。 我现在正在尝试实现一个测试框架。然而，当我运行yarn test时，我得到以下错误。从Reaction-Query文档中，我了解到错误通常与未包括在_app.js中的情况有关。 我怀疑我需要为index.test.js中的Reaction-Query
..
如何通过浅层安装Reaction功能组件来对Reaction挂钩进行单元测试？
有没有办法通过浅层挂载组件来测试使用Reaction钩子构建的功能组件。我遇到了酶不支持useEffect(https://airbnb.io/enzyme/#react-hooks-support)和其他浅呈现组件的钩子，我不想挂载。 也遇到了react-testing-library是一个新的流行的替代方案。与酵素相比，它是更好的选择吗？我已经使用Enzyme来测试基于类的组件。因此，重
..
如何在与酶反应或反应测试库中测试材料-UI的响应性用户界面(如隐藏、网格、断点)
如何在Material-UI中测试响应元素？ 示例： import React from "react"; import Hidden from "@material-ui/core/Hidden"; const HideOnMobile = (props) => { return {props.children}; }; 测试
..
如何测试路由器对Jest的反应
我是使用JEST进行测试的新手，我想测试以下代码。 import React from "react"; import "./ButtonLogin.css"; import { Link } from 'react-router-dom'; function ButtonLogin() { return (
..
JEST+REACT测试库：我应该在测试前使用bepreAll呈现我的组件吗？
正如标题所说，我使用的是RTL+Jest(带有创建-反应-应用程序设置)。 我的问题是，我是否应该在每个测试中使用bepreAll预先呈现该块中的组件，这样每次测试就不必从头开始重新呈现组件，因为我的测试套件总是从相同的基本组件开始。这样做是否会提高性能？ 例如，这样做是否有改进 describe("MyComponent", () => { beforeAll(() =>
..
使用`action-test-library`和`cypress`有什么不同？
so，react-testing-library用于单元/集成测试，cypress用于e2e测试。但是，两者似乎做的是相同的事情： react-testing-library 便于模仿 以用户身份进行测试 从顶级组件开始(不是硬性要求，但如果不这样做，子组件测试中就会出现一堆重复的测试用例) 即时反馈，快速 cypress 便于模仿 以用户身份进行测试 从顶级组件
..
对材料UI选择组件的更改反应测试库
我正在尝试使用react-testing-library测试Select component的onChange事件。 我使用工作正常的getByTestId获取元素，然后设置元素的值，然后调用fireEvent.change(select);，但从未调用过onChange，也从未更新过状态。 我既尝试使用选择组件本身，也尝试通过获取对基础input元素的引用，但这两种方法都不起作用。
..
如何模拟一个函数并期望它被调用？
我是反应测试库的新手，我已经尝试测试一个函数很长时间了。 例如，我想检查当单击一个按钮时，是否调用了给定的函数并抛出了错误。因此，如有任何帮助，我们将不胜感激，如果可能，请与我分享任何有用的资源。 signin.js export default class SignIn extends Component { constructor(props) { supe
..
JEST-一个函数模拟多个测试文件的文件
我想要这样的东西： mockFunctions.ts jest.mock('../utils', () => { return { getNumbers: () => [1,2,3] } }) __tests__/test1.ts ---import from mockFunctions--- ... it('After adding another num
..
测试 React 应用程序时如何模拟 fetch?
我想测试一个使用全局 fetch 方法的小型 React Web 应用程序. 我尝试用这种方式模拟 fetch: global.fetch = jest.spyOn(global, 'fetch').mockImplementation(endpoint =>承诺.解决({json: () =>Promise.resolve(mockResponse)})); ... 但是模拟似乎被忽略
..
在 Jest 中使用 Next.Js 测试 Api
我想使用 Jest 为我的 Api 文件编写测试用例.这使用 Next.js.我尝试了很多东西，但无法获得任何文件覆盖. ApiFile.js const axios = require('axios');从“下一个/配置"导入 getConfig；导出默认异步 (req, res) =>{常量 {查询:{ 参数 }} = 请求；常量响应 = 等待客户信息(参数)；if (!respons
..
类型错误:scrollIntoView 不是函数
我是 react-testing-library/jest 的新手，并试图编写一个测试来查看路线导航(使用 react-router-dom)是否正确执行.到目前为止，我一直在关注 README 和这个 教程关于如何使用. 我的一个组件在本地函数中使用了 scrollIntoView，这会导致测试失败. TypeError: this.messagesEnd.scrollIntoView
..
使用 React 测试库提交后测试重定向
我正在尝试测试登录组件.具体来说，它会在成功登录时重定向.手动测试时它工作正常.但在我的测试中，它从不进行重定向，因此找不到“注销"链接: test('成功登录用户', async() => {const fakeUserResponse = {success: true, token: 'fake_user_token'}jest.spyOn(window, 'fetch').mockImpl
..