前言
在开发前端项目中，我们会经常涉及到测试和部署的工作。而在测试环节中，跨浏览器和跨设备的测试是必要的。BrowserStack 是一款跨平台的测试工具，可以用来快速、可靠地在多种设备和浏览器上运行测试。
本文将介绍一个 npm 包，可以使 BrowserStack 与 Testem 集成，从而可以更方便地在 Testem 中运行跨浏览器的测试。
关于 browserstack-testem-integration
BrowserStack 提供了一些集成方案，其中包括 Testem 集成。BrowserStack 的 Testem 集成可以让你在 Testem 上运行测试，并使用 BrowserStack 进行跨浏览器测试。但要实现这个集成需要写一些额外的代码，这个过程有些繁琐。这就是为什么有人会开发 browserstack-testem-integration 这个 npm 包的原因。这个包可以大大简化这个集成的过程。
该 npm 包使用了 browserstack-local、browserstack-webdriver 和 testem 这三个模块来实现 Testem 与 BrowserStack 的集成。
安装与配置
首先，需要在 BrowserStack 上注册一个帐户，在控制台中找到访问密钥。然后，在你的项目中，使用以下命令安装 browserstack-testem-integration：
--- ------- ------------------------------- ----------
完成安装后，需要在项目中添加一个 browserstack.json 文件，用来存储 BrowserStack 的 API 密钥和测试环境的配置。示例如下：
-
------- -
----------- ------ ---- -------
------------- ------ ------ -----
--
----------- -
-
----- ----------
------------- -----
-------------- ---------
------------------ --------
-
-
-其中， auth 部分包含了你在 BrowserStack 上的账号和密钥，browsers 部分是指定需要在哪些浏览器和设备上进行测试。
接下来，需要在项目中添加一个 testem.js 文件，并将以下内容添加到该文件中：
--- ------------ - ----------------------------------
--- ----------------- - ------------------------------
--- ----------------------------- - -------------------------------------------
-------------- - -
------------ -
----------- -
------ ----------------------------------------------------------------------------
------- ------------- ------- ------------ ---------
--
------------ -
------ ----------------------------------------------------------------------------
------- ------------- ------- ------------ ----------
-
--
------------ --------
------------ -----------------------------
--------------- -
--------- -
--------------
-
--
---------------- -
------------- -----
------- ------ ---- -------
------ ------ ------ ------
-------------------- -----
----------------- --------
----------- -
-
----- ----------
------------- -----
-------------- ---------
------------------ --------
--
-
----- ----------
------------- -----
-------------- ----------
------------------ --------
-
-
--
---------------- -
-----------
-----------
-
--这个文件用于设置 Testem 的配置项，并引入了 browserstack-webdriver、browserstack-local 和 browserstack-testem-integration，然后通过 launchers 属性指定需要在 BrowserStack 上运行的浏览器。
当运行测试时，可以使用以下命令：
------ --
命令会执行项目中的测试，并将测试结果上传到 BrowserStack 上。如果成功启动了浏览器，则你应该能在 BrowserStack 控制台中看到测试任务的状态。传递 --debug 选项以输出更多的调试信息。
示例代码
本文的示例代码可以在 Github 上获取。通过在 browserstack.json 中配置不同的测试环境，可以方便地进行更多的测试。同时，也可以自由地增加，删除或调整 testem.js 中的配置，以更好地满足需求。
结语
我们介绍了如何使用 browserstack-testem-integration 包将 Testem 与 BrowserStack 集成来进行跨浏览器测试，该 npm 包的使用使得这个过程变得简单且可重复。由于 BrowserStack 能够跨平台测雷的功能，因此也使得我们不再需要在本地安装不同版本的浏览器和设备了。希望这篇文章能对你有所帮助，祝愿你使用这个工具取得好的测试效果！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066c89ccdc64669dde5180