0

0

使用 Jest 测试中的模拟常量:一个实际示例

花韻仙語

花韻仙語

发布时间:2025-01-11 08:10:20

|

728人浏览过

|

来源于php中文网

原创

使用 jest 测试中的模拟常量:一个实际示例

在单元测试中处理常量值,特别是需要模拟不同环境(例如生产环境和开发环境)的情况,常常会遇到挑战。直接导入的常量难以动态修改,这会影响测试的灵活性和可靠性。本文将演示如何利用Jest有效地模拟常量,从而创建隔离且可靠的测试用例。

我们以一个名为adjustImageQuality的虚构函数为例,该函数根据运行环境(生产或开发)调整图片质量。


实现

constants.js 文件

首先,定义一个常量isProduction,用于标识当前环境:

// constants.js
export const isProduction = false;

adjustImageQuality.js 文件

接下来,实现adjustImageQuality函数:

// adjustImageQuality.js
import { isProduction } from "./constants";

export default function adjustImageQuality(img) {
  if (isProduction) {
    img.quality = 100; // 生产环境,最高质量
  } else {
    img.quality = 50; // 开发环境,较低质量
  }
  return img;
}

测试

我们需要测试adjustImageQuality在生产和开发环境下的行为。

adjustImageQuality.test.js 文件

利用Jest的jest.mock和自定义getter来模拟isProduction常量:

AIFreePhp企业建站系统
AIFreePhp企业建站系统

AiFreePhp(爱免费php企业建站程序是一个免费开源的PHP建站程序),基于PHP + MYSQL 与模板技术,具有产品展示,文章栏目,下载管理,友情链接等功能。无任何限制功能,程序简单实用,可用于中小企业网站建设,不收取任何费用。使用本程序,不可将程序变相转售,二次开发发布。 运行安装目/install/index.php一般要求安装在站点的根目录,不是根目录有试过有没有问题,请大家尽量以

下载
// adjustImageQuality.test.js
import adjustImageQuality from "./adjustImageQuality";

// 模拟isProduction常量
const mockIsProduction = jest.fn();

jest.mock("./constants", () => ({
  __esModule: true, // 确保与ES模块兼容
  get isProduction() {
    return mockIsProduction();
  },
}));

beforeEach(() => {
  mockIsProduction.mockClear(); // 在每个测试之前清除模拟
});

test("在生产环境下将图像质量设置为100", () => {
  mockIsProduction.mockReturnValue(true); // 模拟生产环境
  const img = { quality: 0 };
  const result = adjustImageQuality(img);
  expect(result.quality).toBe(100);
});

test("在开发环境下将图像质量设置为50", () => {
  mockIsProduction.mockReturnValue(false); // 模拟开发环境
  const img = { quality: 0 };
  const result = adjustImageQuality(img);
  expect(result.quality).toBe(50);
});

模拟详解

1. 创建模拟

jest.mock("./constants", ...) 拦截了对constants模块的导入。jest.requireActual("./constants") 获取了原始的导出,并通过一个自定义getter覆盖了isProduction常量。 添加__esModule: true是为了确保与ES模块的兼容性。

2. 模拟isProduction的值

在每个测试用例中,mockIsProduction.mockReturnValue(true/false)分别模拟生产和开发环境。

3. 使用mockClear清理

beforeEach(() => { mockIsProduction.mockClear(); }) 确保在每个测试用例执行前,模拟状态都被重置,避免测试之间的干扰。


结论

这种模拟常量的方法,能够在不修改源代码的情况下,灵活地控制测试环境,提高测试的可靠性和可维护性。 它尤其适用于测试依赖于全局变量、配置或环境变量的代码逻辑。 通过这种方式,我们可以模拟各种复杂的场景,而无需引入额外的依赖或修改代码结构。

相关专题

更多
java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1491

2023.10.24

全局变量怎么定义
全局变量怎么定义

本专题整合了全局变量相关内容,阅读专题下面的文章了解更多详细内容。

78

2025.09.18

python 全局变量
python 全局变量

本专题整合了python中全局变量定义相关教程,阅读专题下面的文章了解更多详细内容。

96

2025.09.18

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

510

2023.06.20

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

244

2023.07.28

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

278

2023.08.03

js是什么意思
js是什么意思

JS是JavaScript的缩写,它是一种广泛应用于网页开发的脚本语言。JavaScript是一种解释性的、基于对象和事件驱动的编程语言,通常用于为网页增加交互性和动态性。它可以在网页上实现复杂的功能和效果,如表单验证、页面元素操作、动画效果、数据交互等。

5293

2023.08.17

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

478

2023.09.01

菜鸟裹裹入口以及教程汇总
菜鸟裹裹入口以及教程汇总

本专题整合了菜鸟裹裹入口地址及教程分享,阅读专题下面的文章了解更多详细内容。

0

2026.01.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号