介绍
benderjs-yui 是一个基于 YUI3 的测试框架，可以用于前端自动化测试。它提供了一些测试用例和断言库来帮助测试人员编写和执行测试用例。它还支持跨浏览器测试，包括 Chrome、Firefox、IE 和 Safari。
安装
我们可以通过 npm 来安装 benderjs-yui。请确保先安装了 Node.js 和 npm。
npm install benderjs-yui
使用
配置文件
在使用 benderjs-yui 之前，我们需要先创建一个配置文件（通常被称为 bender.js）。这个文件用来配置测试模块、浏览器和测试用例等参数。以下是一个示例配置文件：
-- -------------------- ---- ------- -- --------- -------------- - - ------------- - --------- - --------- --- - -- --------- - - ----- -------- -- - ----- --------- - -- -------- - ------------ - -------- - ---------- -- ------ - ------------ - - - --展开代码
在这个示例配置文件中，我们创建了一个名为 my-app 的应用程序，它的根目录为 /。然后我们配置了两个浏览器，一个是 Chrome，另一个是 Firefox。最后我们定义了一个名为 my-module 的测试模块，它包含了 src 目录下的所有 JavaScript 文件以及 tests 目录下的所有测试用例。
编写测试用例
在写测试用例之前，我们需要先创建一个 HTML 页面，在页面中引入 benderjs-yui 的相关文件：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ---------------- --------------- ------- --------------------------------------------------------------------- ------- --------------------------------------------------------- ------- ------ --------- ----------- ------- ------------------------- ------- -------展开代码
这里我们引入了 YUI 以及 benderjs-yui 的相关文件。然后我们在页面中输出了一个 Hello World。注意，我们还引入了一个叫做 script.js 的脚本文件，我们将在这里编写测试用例。
假如我们想要测试以下代码：
-- -------------------- ---- ------- -- --------- -------- ------ -- - ------ - - -- - -------- ----------- -- - ------ - - -- -展开代码
我们可以创建一个叫做 script_test.js 的测试用例文件，代码如下：
-- -------------------- ---- ------- -- -------------- ---------------------- -------- --- - --- ------ - --------- --------------------- ------------- ----- ------- ------- -------- -------- -- - ------------------ ------ ---- -- ------------- -------- -- - ------------------ ----------- ---- - ---- ---展开代码
在这个测试用例中，我们使用 YUI.add() 方法来定义一个名为 script-test 的测试模块。然后我们创建了一个测试用例，代码中定义了两个测试方法：testAdd 和 testSubtract。这些方法使用 YUI 的断言库来判断代码是否按照预期工作。
运行测试
当我们完成测试用例的编写之后，我们可以使用 benderjs-yui 来运行测试。需要在命令行中运行以下命令：
./node_modules/.bin/bender test -c bender.js
这个命令会自动在所有配置了的浏览器上执行测试用例，并生成报告。我们可以在浏览器中打开报告文件，查看测试结果。同时，我们也可以通过 Continuous Integration 工具来集成测试，并自动进行测试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5efc4995403f2923b035bb01
