简介
jest-dev-server 是一个 Jest 插件，它可以在测试执行期间启动和停止 webpack 开发服务器。这使得在测试期间访问 webpack 打包的应用程序变得容易且快速。
在本文中，我们将深入了解如何使用 jest-dev-server 并了解其使用方法。
安装
要使用 jest-dev-server，你需要已经安装了 Jest。然后你可以在你的项目中使用这样的命令来安装 jest-dev-server：
npm install --save-dev jest-dev-server
安装后，你需要配置 Jest 的 setupFilesAfterEnv 配置项来添加 jest-dev-server：
{
"jest": {
"setupFilesAfterEnv": ["jest-dev-server"]
}
}使用
jest-dev-server 被设计为一个 Jest 插件，它可以在每个测试运行期间自动启动和停止服务器。这使得你可以专注于编写关键测试逻辑而不必花费大量时间来设置服务器环境。
要启用 jest-dev-server 只需使用测试环境变量，如下所示：
-- -------------------- ---- -------
---------------- -- -- -
--- -------
--------------- -- -- -
-- -- ---------------
----- --------------------------
-- -- --------------- ---------- --------- --
----- - ---- - - --------------------------
----- --- - ---------------------------
-- -- --------- -- --------------- ------
------ - ----- -------------------
----------- ---
---
---
-------------- -- -- -
-- ----
----- -------------------------
---
------------- ----- -- -- -
-- -----------------------
----- -------------------------------------
-- ----------
----- ------- - ----- -----------------
----- ---- - ----- -------------------- -- --------------- ---------
------------------------------- -- -- -------
---
---在上面的示例中，我们使用了 Jest 的 beforeAll 和 afterAll 钩子来启动和停止 jest-dev-server。在 beforeAll 中，我们启动 jest-dev-server 并获取其地址和端口。然后，我们使用 Puppeteer 连接到浏览器，并通过地址和端口来访问我们的应用程序。在测试期间，我们可以像访问一个普通的网站一样来访问我们的应用程序，方便快捷。
小结
在这篇文章中，我们学习了如何使用 npm 包 jest-dev-server 来轻松启动和停止 webpack 开发服务器。我们深入了解了如何配置 Jest，以便在测试期间使用 jest-dev-server，并展示了一个有用的示例来演示如何在测试期间访问我们的应用程序。相信这篇文章能够帮助你减少测试代码和测试时间，提高测试效率，更快更好地交付产品。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/62071