前端开发人员经常需要编写自动化测试来确保他们的网站或应用程序在不同浏览器、不同设备上正常运行。它们可以使用许多工具之一来执行这些自动化测试; 本文将介绍npm包screenie-webdriver，它可以协助实现web自动化测试。
准备工作
首先，确保您已经安装了Node.js和npm，以及chrome和Firefox浏览器。 然后打开项目的命令提示符或终端，并按照以下步骤操作。
安装 screenie-webdriver
您可以使用以下命令在项目中安装screenie-webdriver：
npm install screenie-webdriver --save-dev
这个命令将把screenie-webdriver和它的依赖项安装到您的项目中，并将其添加到开发依赖项列表中。
使用 screenie-webdriver
安装完screenie-webdriver之后，您可以开始使用它了。以下是一些示例代码。
启动一个 Chrome 浏览器
要使用screenie-webdriver访问Chrome浏览器，请使用以下代码：
-- -------------------- ---- ------- ----- ----------------- - ------------------------------ ----- --------- - ------------------------------ ----- ------ - ------------------------------------- ----- ------- - --- ---------------------------------------------- ---------------------------- ----- -------- - --- ---------------------------- - -------- --------- -------------- -------- ------------------- ----- --- ----- -----------------
打开一个页面
使用以下代码打开一个页面：
await screenie.navigate('https://www.baidu.com');截取当前页面
使用以下代码将当前页面截取为图像：
const screenshot = await screenie.takeScreenshot();
screenshot现在包含屏幕截图的base64编码字符串。
关闭浏览器
使用以下代码关闭浏览器：
await screenie.stop();
结论
通过这篇文章，您已经学习了screenie-webdriver的使用方式，可以使用它来实现web自动化测试。虽然这篇文章没有覆盖所有的部分，但是这里提供的示例代码可以帮助您更好地理解如何使用这个npm包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562c981e8991b448e00c9
