对所有测试使用Jest fake计时器
Jest是一个流行的JavaScript测试框架，它提供了一套强大的工具和API来编写和运行测试。其中一个特性是Jest fake计时器，它允许我们在测试中模拟和控制时间的流逝。
Jest fake计时器是一个用于模拟和控制时间的工具。它可以让我们在测试中快进、暂停和修改时间，以便更好地测试与时间相关的功能和逻辑。它提供了两种类型的计时器：定时器和日期。
- 定时器计时器：Jest fake计时器可以控制和模拟定时器的行为，包括setTimeout和setInterval。我们可以使用它来快进或暂停时间，以便在测试中验证定时器的触发和执行。
- 日期计时器：Jest fake计时器还可以模拟和修改当前日期和时间。这对于测试与日期相关的逻辑非常有用，比如检查某个日期是否在预期范围内或计算日期之间的差异。
使用Jest fake计时器的优势包括：
- 可控性：我们可以完全控制时间的流逝，以便更好地测试与时间相关的功能和逻辑。
- 精确性：Jest fake计时器提供了高精度的时间模拟，可以准确地模拟定时器的触发和执行。
- 灵活性：我们可以根据需要快进、暂停和修改时间，以便在不同的测试场景中进行验证。
Jest fake计时器在以下场景中非常有用：
- 定时器测试：我们可以使用Jest fake计时器来测试定时器的触发和执行，以确保它们按预期工作。
- 延迟逻辑测试：如果我们的代码中包含了与时间相关的延迟逻辑，我们可以使用Jest fake计时器来快进时间，以便更快地验证这些逻辑。
- 缓存过期测试：如果我们的代码中使用了缓存，并且缓存有过期时间，我们可以使用Jest fake计时器来模拟时间的流逝，以测试缓存是否在预期时间后过期。
腾讯云提供了一系列与云计算相关的产品，其中与测试和开发密切相关的产品包括：
- 云服务器（CVM）：腾讯云的云服务器提供了可扩展的计算资源，可以满足各种规模的测试和开发需求。详情请参考：云服务器产品介绍
- 云数据库MySQL版（CDB）：腾讯云的云数据库MySQL版提供了高性能、可扩展的数据库服务，适用于各种测试和开发场景。详情请参考：云数据库MySQL版产品介绍
- 云函数（SCF）：腾讯云的云函数是一种无服务器计算服务，可以帮助开发人员更轻松地编写和运行代码。它可以与Jest fake计时器结合使用，以进行定时触发的测试。详情请参考：云函数产品介绍
总结：Jest fake计时器是Jest测试框架的一个特性，用于模拟和控制时间的流逝。它在测试与时间相关的功能和逻辑时非常有用，可以提供可控性、精确性和灵活性。腾讯云提供了一系列与测试和开发相关的产品，包括云服务器、云数据库MySQL版和云函数，可以满足各种测试和开发需求。
相关·内容
2回答
考虑这个函数
function startTimerWithAsyncCallback(
firstAsyncFunction,
secondAsyncFunction,
thirdAsyncFunction,
millis,
) {
setTimeout(async () => {
await firstAsyncFunction();
await secondAsyncFunction();
await thirdAsyncFunction();
}, millis);
}
我想测试3个异
浏览 0提问于2019-01-18得票数 2
回答已采纳
我正在编写一个单元测试，测试一个等待超时的函数，然后再继续，我尝试使用
jest.useFakeTimers();
jest.advanceTimersByTime(20000);
但我一直收到一条错误信息：
: Timeout - Async callback was not invoked within the 20000 ms timeout specified by jest.setTimeout.Timeout - Async callback was not invoked within the 5000 ms timeout specified by jest.setTimeou
浏览 6提问于2021-06-13得票数 1
1回答
我有一个呈现输入的React组件。当输入发生更改时，将调用通过props传递的更改处理程序的去抖动版本。 我试图断言更改处理程序是被调用的，但根据Jest，它并没有被调用。 WrappedInput import debounce from 'lodash.debounce';
const WrappedInput = ({ data, onChange }) => {
const [value, setValue] = useState(data.value);
const handleSave = useCall
浏览 13提问于2020-08-19得票数 0
回答已采纳
我正在尝试理解Jest的异步测试。
我的模块有一个函数，它接受一个布尔值并返回值的承诺。executer函数调用setTimeout，在timed out回调中，promise根据最初提供的布尔值进行解析或拒绝。代码如下所示：
const withPromises = (passes) => new Promise((resolve, reject) => {
const act = () => {
console.log(`in the timout callback, passed ${passes}`)
if(passes) resolv
浏览 2提问于2017-10-12得票数 18
回答已采纳
2回答
下面是我想测试的自定义钩子：
import { useEffect, useState } from "react";
export const useAlert = () => {
const [alert, setAlert] = useState(null);
useEffect(() => {
let timerId = setTimeout(() => {
console.log("Timeout, removing alert from DOM");
setAlert(null);
浏览 11提问于2022-04-17得票数 2
回答已采纳
我正在使用@react-native-community/netinfo检测应用程序的连接状态，并在连接丢失时显示一条消息。如何为useEffect中的以下代码编写测试，以确保消息显示/隐藏以及清理工作正常？
const { isConnected } = useContext(ConnectionContext);
...
useEffect(() => {
const snack = setTimeout(() => {
if (!isConnected) {
showMessage({
autoHide:
浏览 18提问于2021-05-27得票数 0
回答已采纳
我有一个打字记录类userInfo.ts：
export class UserInfo {
public getName() {
return "I am real name";
}
}
我在文件夹中有一个模拟类：
export class UserInfo {
public getName() {
return "I am fake name";
}
}
我有个客户：
import { UserInfo } from "./userInfo";
export class Client {
public fu
浏览 6提问于2021-12-28得票数 0
回答已采纳
我知道有许多类似的问题，但我相信我的问题是不同的，没有任何当前的答案。
我正在Express.JS中测试REST。下面是一个最小的工作示例和几个不同编号的测试用例。
const express = require("express");
let request = require("supertest");
const { promisify } = require("util");
const app = express();
request = request(app);
const timeOut = promisify(setTimeo
浏览 1提问于2018-10-09得票数 5
回答已采纳
1回答
我试图用返回JSON的方法模拟一个实用程序库类。
实际图书馆结构
module.exports = class Common() {
getConfig() {
return {
real: 'data'
}
}
正在测试的文件如下所示：
const Common = require('./common');
const common = new Common();
const config = common.getConfig();
...
const someFunction = function() {
// config.re
浏览 2提问于2019-03-15得票数 4
回答已采纳
我使用TypeScript编写了一个非常简单的服务，该服务利用AWS。我的Jest单元测试正在通过，但是覆盖率报告说‘返回result.Items’行没有包括在内。有人能说出为什么吗？是玩笑里的窃听器吗？
// service file
/**
* Gets an array of documents.
*/
function list(tableName) {
const params = {
TableName: tableName,
};
return docClient
.scan(params)
.promise()
.then((r
浏览 0提问于2019-02-03得票数 1
回答已采纳
上次我将测试库/dom从7.29.4版本更新到8.0.0。在此之后，每当使用waitFor/waitForElementToBeRemoved时，jest.useFakeTimers的测试就停止工作。
export default function Test() {
const [loaded, setLoaded] = useState(false);
const getDataCallback = useCallback(() => {
return getData();
}, [])
useEffect(() => {
getDataCallback().
浏览 10提问于2021-06-24得票数 3
3回答
当使用假计时器和承诺组合时，Jest测试框架(23.2.0版)工作得很好，我遇到了一些小麻烦。我哪里出问题了？
假设我有以下模块：
// timing.js
export const timeout = ms =>
new Promise(resolve => {
setTimeout(resolve, ms)
})
我的测试文件看起来是：
// timing.test.js
import { timeout } from './timing'
describe('timeout()', () => {
beforeE
浏览 1提问于2018-07-01得票数 35
回答已采纳
2回答
我有一个模块，它只包含一个名为exports的模块。
我只试着测试该模块中的两个函数-- cookieData函数和unauthenticate函数。
我希望cookieData被嘲笑，unauthenticate没有被嘲笑。
下面是我的模块看起来像index.js的简化视图
const cookieData = () => {
console.log('real cookieData fn hit')
}
const unauthenticate = () => {
console.log('real unauthenticate fn
浏览 5提问于2022-08-18得票数 0
正如在标题中所说的，我不知道为什么函数Database.collection(...).onSnapshot方法不被作为函数来选择。
我收到的一个消息错误是：TypeError: Database.collection(...).onSnapshot is not a function
我试着让它像这样运作：
test.only('should react when a new record is created', async () => {
jest.mock('@google-cloud/firestore', () => jest
浏览 4提问于2022-02-14得票数 1
回答已采纳
2回答
我用玩笑写了一个测试。我不知道如何在玩笑中测试承诺递归。
在此测试中，执行递归的retry函数是测试的目标，直到承诺得到解决为止。
export function retry<T>(fn: () => Promise<T>, limit: number = 5, interval: number = 1000): Promise<T> {
return new Promise((resolve, reject) => {
fn()
.then(resolve)
.catch((error) => {
浏览 0提问于2019-05-14得票数 3
回答已采纳
2回答
我有无服务器应用程序(节点:14.19.1-斗牛眼-苗条)，有将近400个测试。主要是使用进行功能测试。问题是Bitbucket管道有时会在消息中失败：
thrown: "Exceeded timeout of 10000 ms for a test.
Use jest.setTimeout(newTimeout) to increase the timeout value, if this is a long-running test."
这样做的坏处在于不能在本地机器上重现的问题。9/10跑是绿色的。同样，在Bitbucket管道上，并不是每次运行都失败，也不是在同一个测试
浏览 17提问于2022-04-14得票数 2
1回答
当我做纱线测试时，结果一直在变化。
这是错误名称“状态代码400的请求失败”。
但是我已经在模仿Api的请求功能了
像这样
import * as api from '@api/user';
jest.mock('@api/user');
(api.fetchApiKeyUpdate as jest.Mock).mockImplementationOnce(() => {
throw { response: { data: { code: 'EX_INVALID_APIKEY_2015' } } };
});
(api.
浏览 5提问于2021-12-09得票数 1
回答已采纳
我正在构建一个通知吐司，它将在给定的时间之后消失，时间(ms)被传递到Prop() timeout中。它可以像预期的那样工作，但我无法测试这个。我期望在超时执行之后调用setAnimation函数。这是类的定义：
export class Notification {
@Element() host: HTMLElement;
@Prop() timeout: number = 0; //default value
@State() animation: string = "in";
connectedCallback() {
if (this.tim
浏览 10提问于2022-03-13得票数 0
我有以下的js代码
exports.setupUserAccounts = config => {
//Implementation
};
它位于“共享/用户”文件夹中。现在，在测试文件中，我尝试使用jest来模拟这个方法(我没有使用DI)
为此，我正在编写以下代码
jest.mock('shared/user')
现在，当我运行代码时，我会得到以下错误
setupUserAccounts不是一种方法
我还尝试了以下几点
jest.mock('shared/user', () => ({
setupUserAccounts: jest
浏览 1提问于2019-07-09得票数 0
我有一个组件，我在React路由器v6中使用它来管理私有路由，它会对auth令牌进行一些检查，并且会呈现Outlet组件或者重定向到登录页面。
我有-
import { Outlet } from 'react-router-dom';
export const CheckAuth = (props) => {
const valid = ...;
if (!valid) {
window.location.replace(loginUrl);
return null;
}
return <Outlet />;
};
用它就
浏览 4提问于2022-01-10得票数 6
回答已采纳
我有一个axiosInstance.js axios实例： import axios from "axios"
import { REACT_FE_ACCESS_TOKEN } from "../../constants/constant";
const axiosInstance = axios.create({
baseURL: process.env.REACT_APP_BACKEND_URL,
headers: {
"content-type": "application/json"
},
re
浏览 20提问于2021-10-11得票数 1
回答已采纳
2回答
用户点击登录后，我需要每3秒检查一次服务器状态。检查20次后，显示超时并清除定时器。
我的代码：
onCheckStatus = () => {
MAX_POLLING_COUNT = 20;
this.timer = setInterval(() => {
if (MAX_POLLING_COUNT > 0) {
MAX_POLLING_COUNT -= 1;
loginStatus(this.state.sessionId).then(
res => {
浏览 1提问于2018-07-16得票数 7
我想知道为什么jest.useFakeTimers使用setTimeout而不使用RxJ的延迟运算符：
jest.useFakeTimers();
import {Observable} from 'rxjs/Observable';
import 'rxjs';
describe('timers', () => {
it('should resolve setTimeout synchronously', () => {
const spy = jest.fn();
setT
浏览 55提问于2018-01-15得票数 5
1回答
在catch块中，Jest似乎没有检测到我的模拟调用。但是，如果不模拟handleError方法，我将收到一个错误。我尝试过多种方法来完成被拒绝的承诺，但到目前为止没有运气。
我已经尝试过回调，Promise.reject，诺言((res，rej) => {})
正在测试的代码：
module.exports = class PresetDropdown {
constructor (Api, objectId, titleSort) {
this.Api = Api;
this.objectId; = objectId;
this
浏览 10提问于2022-02-17得票数 0
2回答
我是node的新手，这是我第一次对应用程序进行单元测试。我用Jest函数伪造请求做得很好，如下所示 // Create a fake request
const mockRequest = (sessionData, body) => ({
session: { data: sessionData },
body
});
// Create a fake response
const mockResponse = () => {
const res = {};
res.status = jest.fn().mockReturnValue(res);
re
浏览 29提问于2020-01-31得票数 4
回答已采纳
9回答
正确地模拟以下示例的最佳方法是什么？
问题是在导入时间之后，foo保留对原始未模拟的bar的引用。
module.js
export function bar () {
return 'bar';
}
export function foo () {
return `I am foo. bar is ${bar()}`;
}
module.test.js
import * as module from '../src/module';
describe('module', () => {
let barSpy;
浏览 11提问于2017-07-14得票数 117
回答已采纳
1回答
我有一个非常基本的React组件，它显示一系列的点，以便在加载的时候，默认情况下，它最多显示3个点，并且在componentDidMount函数中设置的区间上的点增量，重置为点的数量。点数和间隔都可以通过道具覆盖。这个组件在下面。
import * as React from 'react';
export interface Props {
interval?: number;
dots?: number;
}
class LoadingDots extends React.Component<Props, object> {
publ
浏览 0提问于2018-09-19得票数 1
回答已采纳
我刚刚开始了react中的测试这个主题，我已经被介绍了如何和为什么在React中进行测试的一些方面。直到我想要使用jest.UseFakeTimers()和jest.runAllTimers()来测试组件状态是否在延迟一秒钟后发生变化并重新排列之前，一切都很好。
构成部分：
function App() {
const [ctr, setCtr] = useState(0)
useEffect(() =>{
setTimeout(() => setCtr(1), 1000)
}, [])
return <div data-testid="tim
浏览 10提问于2022-08-28得票数 0
1回答
我已经创建了一个轮询服务，它递归地调用一个api，在api成功的情况下，如果满足了某些条件，就会再次继续轮询。
/**
* start a timer with the interval specified by the user || default interval
* we are using setTimeout and not setinterval because a slow back end server might take more time than our interval time and that would lead to
* a queue o
浏览 0提问于2018-09-20得票数 5
回答已采纳
我目前正在尝试模拟fs模块，方法是在Jest中使用memfs并用memfs方法替换memfs函数。我使用的是TypeScript，所以我也想模拟TS中的模块，而不是JavaScript。
我找到了一个创建fs模拟的项目，但它是用JS 编写的。
但是，这似乎不能很好地应用于我的测试，所以我想在TS中重新创建它，并将其重写为这样。
/* eslint-env node,mocha,jest */
import { fs as fsm, IFs, vol } from "memfs";
const fs: IFs = jest.createMockFromModule("f
浏览 7提问于2022-10-31得票数 1
我使用jest加载了一个配置文件，并尝试使用mock-fs库为集成测试创建一个文件夹。
我得到了这个错误：
no such file or directory, lstat : 'path to one of another folder in the current directory '
我还得到了这个：
TypeError: mock_fs_1.default is not a function
在我加载到jest的配置文件中，我还带来了以下库：
import * as getPort from 'get-port';
import { mockServe
浏览 2提问于2020-04-26得票数 4
我正在尝试测试在componentDidMount中调用的方法：
private timerToken;
public componentDidMount() {
this.timerToken = setInterval(() => { this._getWebJobStatus(); }, 2000);
}
test("_getWebJobStatus() is called", () => {
const spy = jest.spyOn(UploadStatus.prototype, "componentDidMount&
浏览 3提问于2018-01-12得票数 3
对这个代码有什么想法吗？
jest.useFakeTimers()
it('simpleTimer', async () => {
async function simpleTimer(callback) {
await callback() // LINE-A without await here, test works as expected.
setTimeout(() => {
simpleTimer(callback)
}, 1000)
}
const callback = jest.fn()
浏览 9提问于2018-09-05得票数 75
回答已采纳
1回答
出于测试的目的，我有一个非常复杂的对象用来模拟DataTable()对象。 const obj = {
DataTable: () => {
return {
columns: () => {
return {
data: () => {
return {
eq: () => {
return {
indexOf: jest.fn(),
};
浏览 30提问于2020-04-24得票数 1
2回答
如何测试对异步未等待函数的调用
、、、、
我想测试fuctionUT和由注入传递的内部async未等待函数externalCall的执行情况。下面的代码是我的函数及其用法的简单工作示例： const sleep = async (ms) => new Promise( (accept) => setTimeout(() => accept(), ms) )
const callToExternaService = async () => sleep(1000)
const backgroundJob = async (externalCall) => {
await sleep(500) // S
浏览 15提问于2021-04-14得票数 0
4回答
我有一个在componentDidMount方法中进行AJAX调用的react组件。当我尝试使用React.addons.TestUtils呈现它时，组件会在不进行AJAX调用的情况下呈现。如何使用jest测试，使其能够进行AJAX调用？我是否也需要使用phantomJS (或者像env这样的浏览器)来提供DOM功能来响应组件呢？
反应元件：
return React.createClass({
componentDidMount : function() {
$.ajax({
... makes http request
})
}
render : f
浏览 6提问于2015-06-24得票数 11
1回答
我有一个测试，它等待一个异步函数，然后等待一个超时，然后等待另一个异步函数。
it('runs a snipe successfully', async () => {
const exitCode = await john.chat.sendMoneyInChat(channel.topicName, channel.name, "0.01", botUsername);
console.log('timeout?')
await timeout(3000);
console.log(
浏览 22提问于2019-07-18得票数 0
回答已采纳
我正在尝试为我的应用程序做突变测试，但是当我运行我的stryker mutator时，它不会将任何测试带入分析中，而是执行预演。
WARN InputFileResolver Glob pattern "src/**/*.ts" did not result in any files.
(10452) WARN InputFileResolver Glob pattern "!src/**/*.spec.ts" did not exclude any files.
(10452) WARN InputFileResolver Glob pattern "
浏览 5提问于2021-06-18得票数 0
我想用jest在我的测试文件中运行一些函数。我是新手，所以请多多关照。我正在从我的应用程序的上下文文件中导入此函数。 let isProduction2 = () => {
if (production) {
return true
} else {
return false
}
}
export {
ProductProvider,
ProductConsumer,
ProductContext,
isProduction2
};
import {
isProduction2
} fr
浏览 9提问于2019-09-23得票数 0
1回答
使用jest对单元测试，我有以下一行：
jest.mock('../../requestBuilder');
在我的文件夹里，我有
__mocks__
我的模拟requestBuilder.js所在的子文件夹。我的jest单元测试正确地调用了模拟requestBuilder.js。问题是，我的requestBuilder正在模拟ajax返回，因此我希望能够确定是否应该传回一个成功的或失败的服务器响应。理想情况下，我希望将一个参数传递到模拟函数中，以确定是否"ajaxSuccess: true/false“。我该怎么做？谢谢
浏览 0提问于2018-12-11得票数 1
回答已采纳
2回答
当我想测试设置变量是否有效时，我意识到jest是如何工作的。我理解这种行为，但是，我需要能够测试设置变量是否有效，然后，使用这个变量从测试外部准备一些测试。是否有办法这样做？或者，如果我需要使用它来设置下一个测试，那么我不能测试设置变量是否运行良好吗？
此代码：
var value = 0;
console.log("Before test " + value);
test("set value ", () => {
expect(() => {
value = 1;
console.log("Set " + va
浏览 0提问于2021-01-08得票数 0
回答已采纳
2回答
我有一个主函数，它在两个异步函数之间调用睡眠函数。这是一个基本的例子：
index.js
const func1 = async() => {
setTimeout(()=>{console.log('func 1...')}, 1000);
}
const func2 = async() => {
setTimeout(()=>{console.log('func 2...')}, 1000);
}
const sleep = ms => {
console.log(`Sleeping for ${ms
浏览 1提问于2020-07-20得票数 2
我一直试图让Jest使用RxJS，而且Jest无法从订阅回调中传播错误。
下面是我尝试过的一个不起作用的示例测试：
import {of} from 'rxjs';
test('should fail', () => {
of(false).subscribe(val => {
expect(val).toBe(true);
});
});
上面的测试应该失败，但它通过了。我搜索了一下并找到了以下解决方案：
这建议在jest中使用“完成”语法来解决这个问题。虽然使用“完成”回调确实会导致上述测试失败，但是这种方法存在一
浏览 1提问于2018-12-18得票数 10
我正在尝试理解Jest中异步测试是如何工作的。
我尝试做的事情类似于Jest文档中的一个示例。这个很好用..
function doAsync(c) {
c(true)
}
test('doAsync calls both callbacks', () => {
expect.assertions(2);
function callback1(data) {
expect(data).toBeTruthy();
}
function callback2(data) {
expect(data).toBeTruthy();
}
浏览 0提问于2018-10-04得票数 7
回答已采纳
我不能在我的react本机组件中使用jest来测试包含去反跳函数的方法。有人能帮我一下吗？
下面的代码是我试图用jest测试我的去反弹函数，但它不起作用。
jest.mock('lodash/debounce', () => jest.fn(fn => fn));
it('should test debounce function', () => {
debounce.mockClear();
expect(debounce).toHaveBeenCalledTimes(1);
});
下面的代码片段是我的方法，它包含
浏览 4提问于2019-09-05得票数 1
我试图通过模拟runQuery和createQuery函数来对下面的listEntities函数进行单元测试。也许我应该放弃，用仿真器做一个集成测试。不管怎样，下面是我的代码
实施：
const Datastore = require('@google-cloud/datastore');
const datastore = Datastore();
const runQueryDS = (query) => datastore.runQuery(query);
const createQueryDS = (kind) => datastore.createQue
浏览 0提问于2017-11-06得票数 6
2回答
在尝试更改函数中的变量时，我很少使用jest，因为如果函数的内部变量(BaseUrl)更改为null，我的函数将引发错误：
buildUrl.js
export function buildUrl(contentId, data, options = {}) {
let baseUrl = config.has('imgBaseUrl') && config.get('imgBaseUrl');
if (!baseUrl) {
throw new Error('some error');
}
}
例如，我需要模
浏览 3提问于2017-12-28得票数 3
1回答
我想出于测试目的模拟indexedDB，我已经在App.test.js中声明过： const Dexie = require("dexie");
require("fake-indexeddb/auto");
const db = new Dexie("PersonsDB"); 在package.json中： {
...
"devDependencies": {
"@wojtekmaj/enzyme-adapter-react-17": "^0.6.2",
"fake
浏览 42提问于2021-07-14得票数 0
考虑我们有一些方法的类。我们希望spyOn方法B是否被调用，而一旦执行，methodA将返回结果给调用者，methodB将异步执行。这个类如下所示。
class Parent {
constructor() {
this.conf = [{ id:'1', func: Parent.methodA.bind(Parent)}, { id:'2', func: Parent.methodB.bind(Parent)}]
}
static methodA() {
console.log('methodA
浏览 2提问于2019-02-20得票数 0
1回答
模拟静态类属性的问题
、、、、
我有一门课应该记录一些东西。记录器的定义如下。
export class Logger {
public static client = ClientStrategy.create();
public async logSth(msg: string) {
params = {"testThing": msg};
await Logger.client.updateItem(params);
}
export class ClientStrategy {
public static create() {
return new Databas
浏览 7提问于2022-04-20得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
