介绍
browserify-server-test-broken 是一个 npm 包，它是一个用于在浏览器环境中测试 JavaScript 代码的库。它主要使用 Browserify 进行打包和转换，通过 HTTP 服务器将测试代码提供给浏览器。
但是，由于一些历史原因和不兼容情况，这个库目前存在一些 BUG。本文将介绍如何在实际项目中正确地使用该库，以及如何解决它可能产生的问题。
安装
使用 npm 安装 browserify-server-test-broken：
--- ------- -----------------------------
使用
使用 browserify-server-test-broken 有两个主要步骤：
- 编写测试代码。
- 启动 HTTP 服务器，将测试代码提供给浏览器。
编写测试代码
假设我们要测试一个用于计算加法的 JavaScript 函数：
-------- ------ -- - ------ - - -- -
我们可以创建一个测试文件 test.js，在其中编写对 add() 函数的测试代码：
--- ------ - ------------------ --- --- - -------------------- -- -- ----- -- -- ---- ------------------- --- --- ------------------- --- --- ------------------- --- --- ---------------- ----- ----------
启动 HTTP 服务器
我们可以使用 browserify-server-test-broken 提供的 start() 函数，启动 HTTP 服务器来提供测试文件和必要的 JavaScript 库。
--- ---------------- - -----------------------------------------
--- ------- - -
----- ----------
------ ----------- --------- -- ---------
--
------------------------------- ------------- -
-- ----- -
--------------------- -- ----- --------- -----
- ---- -
------------------- -----------
-
---在启动服务器之后，将 http://localhost:3000/test.html 打开在浏览器中进行测试。
问题
虽然 browserify-server-test-broken 会自动解决代码中的依赖关系，但它目前存在一些已知的问题。以下是这些问题以及解决方法：
1. 导入第三方库的问题
如果你想在测试代码中使用第三方库（例如 jQuery），你需要将相应的库放到 files 参数中，例如：
--- ------- - - ----- ---------- ------ ----------- --------- ------------ --
如果你需要使用在 node_modules 中安装的库，你需要在 files 参数中指定相对于当前目录的路径：
--- ------- - - ----- ---------- ------ ----------- --------- ------------------------------------------- --
2. 异步测试的问题
如果你需要进行异步测试，你需要在测试代码中手动通知测试框架测试完成，否则测试框架将一直等待。
-- ------ --------------------- - ------------------- --- --- -- ---------- ------- -- ------
3. 自定义 HTML 页面的问题
browserify-server-test-broken 默认提供的 test.html 针对简单的测试场景进行了优化，如果你需要自定义测试页面，你需要自己编写一个 HTML 文件，并在其中导入测试代码，例如：
--------- -----
------
------
---- -----------------
------- -----------------------
--------------------- - ---------- - ------------ ----------
-------
-------结论
虽然 browserify-server-test-broken 存在一些问题和缺陷，但它是一个非常有用的工具，可以帮助我们在浏览器环境中测试 JavaScript 代码。通过本文所介绍的方法，我们可以正确地使用它，并解决可能会遇到的问题。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066c8cccdc64669dde5437