我尝试使用 React Testing Library 和 Jest 通过测试弹出窗口是否存在来测试必填输入字段，但失败了。我尝试了几种变体，但都不起作用。 UI 中的步骤如下：单击空字段空选择字段单击字段旁边（模糊）将鼠标悬停在字段上获取所需消息所需消息实现此目的的测试代码是：const input = screen.getByRole('textbox', {name: /name \*/i}
2021-06-20
使用 jest 运行测试时，我有基本的测试套件语法：jest.mock('axios');describe('app', () => {let renderbeforeEach(() => {axiosMock.get.mockResolvedValueOnce({data: {greeting: 'hello there'},}),render= renderApp()});test('shou
2020-02-26
我正在使用 Jest 测试 React 组件。我正在尝试模拟来自其他依赖项的函数。依赖项中的函数应该返回一个数组，但它在控制台上显示未定义。下面的文件是 tsx 文件，当我单击按钮时，它应该调用依赖项函数来获取框架列表。ExitAppButton.tsx：import React, { useContext, useState } from 'react';import { TestContext
2022-11-20
我用 React 和 Nest 创建了一个小应用程序，以了解 WebScoket API。为了不浪费时间，我想将其包装为可部署的应用程序，并将其托管在某个地方。代码在这里：https://github.com/An1mus/chitchat在添加一些基本工作流程时，我遇到了以下错误的问题，该错误在运行测试后出现（测试用例通过）：/Users/andrewpetrov/Projects/an1mus
2022-12-23
尝试使用 redux-toolkit rtk 查询运行第一个测试并收到 api 未定义的错误。我做错了什么？ ● Test suite failed to runTypeError: Cannot read property 'injectEndpoints' of undefined33 | };34 |> 35 | export const authApi = api.injectEndpo
2022-10-17
我在 React 的一个组件内配置了一个服务，但在使用 jest 和 testing-library 时遇到了问题，应用程序可以运行，但测试被阻止了。 import { appSetupConfig } from '.../myapp'import theConfig from '.../config'useEffect(() => {const allowAppInstance = appSe
2021-05-29
我在使用 toHaveBeenCalled 时遇到错误，请纠正我哪里出错了code:jsx <itemonClick={ load ? undefined : onClick}>testtest('render', () => {const MockItems = jest.fn()const prop = {onClick: MockItems,}const onclickProp= outp
2020-11-18
我有这个 html 输入：<inputid='palapa'className='amount'placeholder={props.placeholder}type='number'/>我知道它需要一个value和一个onChange事件，但是现在我想测试占位符的值，换句话说，我将检查是否正在呈现某些props。我尝试过这个但没有成功：const defaultProps = {options:
2020-11-18
因此，我尝试测试单击按钮时 onSubmit 函数是否会被触发 - 我这样做的方式是通过测试 onSubmit 函数的内部是否被调用（axios post 方法）测试describe('RecipeSearch', () => {test('submit button should return post function to recipes/search/', () => {let mock
2021-02-08
我正在尝试通过 React Testing Library 测试Search组件的input值。Search 组件接收两个 props：handleChange和input value：title。我的目标是编写测试，以便最初输入值为空，并且当用户输入某些内容时，测试可以验证监听事件值是否正确，但它始终获取初始值。我试图在输入之前清除输入，但没有成功。错误为： Expected the eleme
2022-06-17
我正尝试在自定义输入组件中应用单元测试如果我在render函数中的<Input />中传递value属性，则测试失败。有人知道原因吗？在类似此输入的受控组件中，我们可以测试什么才能进行有效的单元测试？谢谢Input.tsximport React, {ChangeEvent, FunctionComponent} from 'react';import styles from './Input.m
2022-09-12
我已经建立了一个 github 项目，以了解如何更好地测试 react (v 16.8.0)useEffect钩子。我进行 api 调用以获取useEffect中的数据，并将接收到的数据设置为状态组件元素。我的组件将查询作为 prop 接收，如果查询 prop 字符串不为空，则进行 api 调用。我想测试一下，使用非空查询 prop，api 调用是否已完成，组件是否正确设置了其状态。我知道测试us
2019-06-01
如何使用react-testing-libs测试异步useEffect？我有：// in other fileconst getData = () => {return new Promsise(resolve => setTimeout(() => resolve([1, 2, 3]), 5000));};const MyComponent = () => {const [data, setDa
2021-01-08
我对 react-testing-library 和一般测试还不太熟悉。我想测试一个组件，该组件从 useEffect 钩子中的 API 中获取数据。然后将其存储在本地状态中。它使用 array.map 呈现这些数组数据，但我收到Error: Uncaught [TypeError: Cannot read properties of undefined (reading 'map')]错误。我可
2021-11-23
如何在 React 中使用 Jest 测试 useEffect Fetch？我尝试寻找答案，并找到了一个我复制来尝试的代码，但仍然无法通过测试。我以前没有使用过 Jest，目前正在尝试在我正在编写的代码中实现它。这是我在 test.js 文件中的测试： it('Displays days from 1 to 31', async () => {expect(useEffectTest).toBe
2021-12-26