简介
@wdio/browserstack-service是一个用于WebdriverIO测试框架的浏览器堆栈（BrowserStack）服务。浏览器堆栈是一个基于云的跨浏览器测试平台，可让您在真实浏览器中测试Web应用程序，覆盖广泛的设备和浏览器。@wdio/browserstack-service能够轻松地将您的测试运行在BrowserStack上，为您带来更加全面的浏览器测试覆盖率。
本教程将指导您如何使用@wdio/browserstack-service包括安装、设置和创建测试用例。
安装
在开始之前，您需要先在项目文件夹中安装@wdio/browserstack-service。
使用npm进行安装：
--- ------- -------------------------- ----------
或使用yarn进行安装：
---- --- -------------------------- -----
设置
在开始使用@wdio/browserstack-service之前，您需要在浏览器堆栈中创建新的测试项目。您需要再console.browserstack.com注册，并在项目中获取访问密钥以使用此服务。
在项目根目录中，在wdio.conf.js文件中添加browserstack服务配置。您需要将browserstackUser和browserstackKey更改为您的访问密钥。
-- ------------
-------------- - -
-- ---
--------- -
-
---------------
-
------------------ -----
----------------- -
----------- --------------------------
------------ ---------------------------
-
-
-
--
-- ----
-配置完浏览器堆栈的访问密钥后，您还需要提供一些必要的信息，例如在哪些浏览器上运行测试等等。
可以通过以下方式完成：
-- ------------
-------------- - -
-- ---
------------- --
-- ---
---
-- ---
--------- -
-
---------------
-
------------------ -----
----------------- -
----------- --------------------------
------------ ----------------------------
--------------- -
----- ----------
------------- -----
------------- ------------
-------------- ---------
------------------ --------
-
-
-
-
--
-- ----
-使用
安装并设置完毕后，就可以开始使用@wdio/browserstack-service来进行浏览器堆栈的测试了。
示例代码
下面是一个简单的测试程序，我们将通过Mocha框架用Chrome作为浏览器在BrowserStack上测试一个网页：
-- -------------
---------------- ---------- -- -- -
---------- ---- --- ------ ---------- -- -- -
--------------------------------------
----- ----- - ------------------
------------------------- ---------
--
--运行浏览器堆栈测试
我们可以通过运行以下命令在BrowserStack上运行这个测试：
------------------------ ------------
或者，您也可以在package.json中配置一个scripts控制台命令来运行测试
-- ------------
-
---------- -
------- ----- -------------
-
-然后这个测试可以通过执行以下代码运行：
--- ----
结论
@wdio/browserstack-service是一个非常有用的npm包，可以轻松地将您的测试运行在BrowserStack上。本教程介绍了如何安装、设置和运行此服务并且提供了示例代码。
在浏览器堆栈上测试您的Web应用程序既有助于提高应用程序的可靠性，也有助于提升用户体验，使您的应用程序更容易被访问和使用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedc3c3b5cbfe1ea0612155