在测试前端代码时，我们经常需要在测试用例中使用全局变量和常量。Jest是一款流行的JavaScript测试框架，它提供了一些方法来设置全局变量和常量，本文将介绍这些方法，并提供示例代码。
Jest中设置全局变量
我们可以在Jest配置文件中设置全局变量，也可以在测试文件中自定义全局变量。
在Jest配置文件中设置全局变量
在Jest配置文件（jest.config.js）中，我们可以通过globals选项来设置全局变量。例如，我们可以设置一个名为API_URL的全局变量来存储API的基本URL：
module.exports = {
globals: {
API_URL: "http://localhost:3000/api",
},
};这样，在所有测试文件中，我们可以直接使用API_URL全局变量。
在测试文件中设置全局变量
在测试文件中，我们可以使用global对象来定义全局变量。例如，我们可以定义一个名为MY_APP_CONFIG的全局变量来存储应用程序的配置信息：
-- -------------------- ---- -------
------------ --- ------- -- -- -
------------ -- -
-------------------- - -
------ -----
-------- --------
--
---
---------- ---- ------- ------- -------- -- -- -
--------------------------------------------
---
---------- -- -- ----- ------ -- -- -
-----------------------------------------
---
---在上面的示例中，我们使用beforeAll函数在所有测试用例之前定义了MY_APP_CONFIG全局变量。然后，在各个测试用例中，我们可以使用全局变量来进行断言。
Jest中设置常量
在测试过程中，我们也经常需要使用一些常量。像设置全局变量一样，我们也可以在Jest配置文件或测试文件中设置常量。
在Jest配置文件中设置常量
在Jest配置文件中，我们可以使用const关键字来定义常量，并通过module.exports暴露出去。例如，我们可以定义一个名为APP_NAME的常量来存储应用程序的名称：
const APP_NAME = "My App";
module.exports = {
globals: {
APP_NAME,
},
};这样，在所有测试文件中，我们可以直接使用APP_NAME常量。
在测试文件中设置常量
在测试文件中，我们可以使用const关键字来定义常量。例如，我们可以定义一个名为PI的常量来存储圆周率的值：
-- -------------------- ---- -------
-------------- ------- -- -- -
----- -- - -----------------
---------- --------- ------ ---- ----------- -- -- -
----- - - ---
----- ---- - -- - - - --
-------------------------------- ---
---
---在上面的示例中，我们使用const关键字定义了一个名为PI的常量，并在各个测试用例中使用该常量来进行断言。
结论
在本文中，我们介绍了在Jest中设置全局变量和常量的方法。我们可以在Jest配置文件中设置全局变量和常量，也可以在测试文件中自定义全局变量和常量。如果我们学会了这些方法，我们就可以轻松地在测试中使用全局变量和常量，从而更轻松地编写高质量的前端代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6739aafd317fbffedf17f865