React测试库waitFor不适用于setTimeout
React测试库中的waitFor函数是用于等待异步操作完成的工具。它主要用于测试React组件中的异步行为，并确保测试在异步操作完成后继续进行。
然而，waitFor函数通常不适用于setTimeout函数。因为setTimeout是一个纯粹的JavaScript函数，它不会影响React组件的状态或引发更新。waitFor函数是通过监视组件状态的变化来确定异步操作是否完成，而setTimeout函数不会改变组件状态，因此waitFor函数无法感知到setTimeout函数的完成。
如果想要测试setTimeout函数的行为，可以使用jest提供的jest.useFakeTimers()函数来模拟时间的流逝，然后使用jest.advanceTimersByTime()来推进时间，使setTimeout函数立即执行。
对于React中使用的waitFor函数，可以参考Tencent Cloud TcbHost提供的相关文档了解更多详情。
相关·内容
这是我的react组件(用于学习testing library)： import '@babel/polyfill';import{ render, cleanup, fireEvent, waitFor, getByTestId, getByText} from "@testing-library/react";
importco
浏览 34提问于2021-01-31得票数 1
回答已采纳
1回答
我正在跟踪a tutorial进行React测试。本教程有一个类似下面这样的简单组件，用于展示如何测试异步操作： import React from 'react'
const [counter, setCounter] = React.useState(0)
setTimeout(() =>
浏览 63提问于2021-01-15得票数 8
回答已采纳
在我的测试中，我呈现我的组件，如的react- test -library文档中提到的那样。测试库中等待此更改页？debug, getByText } = renderComponent( )
浏览 0提问于2020-11-08得票数 3
3回答
React/值未更新
、、、
在更改后，我有以下代码来测试Select元素的值： doSetupWork();field).toHaveValue("1");Expected the element to have value: 1但是，当我将它封装在一个延迟仅为1ms的setTimeout中时，它确实有效： fi
浏览 2提问于2022-02-13得票数 1
1回答
当基于多个REST调用响应更新状态时，我希望测试我的react组件。import Enzyme from 'enzyme';import "."react";
import {
浏览 9提问于2022-07-22得票数 0
回答已采纳
3回答
我正在为表单React组件编写测试(使用Jest和React Testing Library)。(() => { }, 3000);}, [isPopupActive]);it('Closes popup after 3 seconds', async () => {
const nameInput = screen.get
浏览 2提问于2021-06-17得票数 9
我有一个带有以下Player组件的React Native应用程序，它可以无限地调用带有setTimeout的play()函数。我和jest一起使用react-native-testing-library进行渲染/测试。 我正在尝试测试这个setTimeout函数。具体地说，我想要监视这个函数，这样我就可以预期在给定的一组秒数之后，setTimeout会被调用任意次。例如，在3秒后，该函数应该已经被调用了3次。然而，我在测试时遇到了问题。})
浏览 56提问于2021-07-11得票数 3
1回答
我正在测试一个带有jest和react测试库(最新版本)的，我无法让异步测试工作。我认为这是一个语法问题。组件得到正确的呈现，而且由于超时工作，fetch (useEffect)似乎也能工作。test('renders asynchron', async () => {
await waitFor(()screen.findByTestId('t
浏览 8提问于2022-05-24得票数 0
回答已采纳
1回答
这是my组件，它包含Select子组件import { useEffect } from 'react'
type="medium-input" )我想用Jest对这个组件进行单元测试我想介绍的4个测试用例：
呈
浏览 3提问于2021-10-25得票数 1
1回答
响应测试库而不是更新状态
、、、
我的组成部分： const [counter, setCounter] = React.useState(0)
setTimeout(() => { }, 500)onClick={() => setCounter(counter - 1
浏览 3提问于2022-03-27得票数 2
回答已采纳
我在React Native中有一个功能组件。import { ReactElement, useEffect, useState } from "react-test-renderer/node_modules/@types/react";import renderer from "react-test-re
浏览 33提问于2021-10-22得票数 0
1回答
嗨，有这段受启发的简单代码import { Formik, Field, Form } from "formik";
const handleSubmit<button type="submit">Su
浏览 8提问于2022-07-27得票数 0
我试图确定在使用ReactiveUniversalComponent2.0使用动态导入时如何最好地编写单元测试
import TestableComponent from '..=> s
浏览 3提问于2017-10-20得票数 4
我使用ReactJs、jest和react测试库。现在我想使用jest和react测试库来测试组件。 const setValue = jest.fn(x => {}); expect(v).toBeInTheDocumen
浏览 1提问于2021-11-03得票数 0
在下面的代码片段中，第二个和第三个测试完全相同(复制并粘贴)，当然只是测试本身的名称不同。import {render, screen, waitFor, fireEvent} from '@testing-library/react'; function onClick(){
console.log('click
浏览 2提问于2021-07-02得票数 6
1回答
我正在测试一个组合框，在第一个渲染中，组合框的初始值是未定义的。然后，使用查询参数和useEffect，该组件查找相关选项并将值状态设置为该选项。as hello", () => {
该测试套件抛出此错误在反应测试库中进行测试时。我无法检索预期的文本值--这是因为它显示了在第一次呈现时呈现的内
浏览 22提问于2022-02-27得票数 4
1回答
我正在测试拒绝我的登录表单的提交事件。如果用户在没有填写用户名和密码的情况下提交表单，则必须显示两条错误消息，并且应该通过测试。但测试结果却显示了相反的情况:它显示用户名和密码错误消息为null。我尝试使用setTimeout()，因为由于axios，onSubmit事件是异步的，但它仍然没有通过测试。在异步提交事件中使用waitFor()实用程序的方式有什么问题吗？fireEvent.submit(getByTestId('form'))
expect(g
浏览 45提问于2020-04-08得票数 2
我这辈子第一次做测试。我有一个秒表应用程序，我想看看测试是第二米运行。我是通过触发按钮和检查是00:00仍然在那里。class SecondTimer extends React.Component { super(props);this.props.currentTimeSec)}:
浏览 3提问于2020-12-10得票数 0
回答已采纳
我正在使用Jest + React测试库来测试我的应用程序。测试文件：import userEvent from "@testing-library/user-event";
import React from "react"
浏览 6提问于2022-11-13得票数 -1
2回答
如何正确地为这种情况编写Jest测试？import React from "react";import { create, act } from "react-test-renderer";
let root;});
H
浏览 25提问于2022-01-14得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
