简介
eyes.sdk.core
是一个用于前端自动化测试的工具包。它能够模拟人眼对网页的视觉感受,并在测试过程中自动发现并报告网页上的各种视觉问题,例如错位、颜色不协调等等。开发者可以将它集成到自己的项目中,以便于快速、准确地进行测试。
在这篇文章中,我们将会介绍如何使用 eyes.sdk.core
,并提供一些示例代码和实际应用当中的指导意义。
安装
首先,你需要安装 eyes.sdk.core
依赖的 eyes-images
,可以使用以下命令进行安装:
npm install eyes-sdk-core eyes-images
快速上手
我们将展示一个小例子来说明如何使用 eyes.sdk.core
:
-- -------------------- ---- ------- ----- - ----- ------ - - ------------------------------------ -- --- ---- -- ----- ---- - --- ------ -- ------ ------------------- ----- -- ------ -------------------- ------ -- -- --- -- ----- ------------------------------------ -- ----------- ---- --- ----- --------------------- ---------------- -- ---- ----- -----------------
在这个例子中,我们首先创建了一个 Eyes
对象,并设置好应用名称和测试名称。然后我们打开了一个 web 页面,并使用 Target.window()
方法拍摄了当前窗口的屏幕快照。最后,我们调用了 eyes.close()
来结束测试,并将测试结果发送到 Eyes 服务器进行分析。
配置选项
Eyes
对象还有许多配置选项可以设置,例如:
eyes.setApiKey('API_KEY') // 设置眼睛云 API Key eyes.setServerUrl('SERVER_URL') // 设置眼睛云服务器地址 eyes.setProxy('PROXY_URL') // 设置代理服务器地址 eyes.setMatchLevel('STRICT') // 设置匹配级别 eyes.setBranchName('BRANCH_NAME') // 设置分支名称 eyes.setBaselineName('BASELINE_NAME') // 设置基线名称 eyes.setParentBranchName('PARENT_BRANCH_NAME') // 设置父分支名称 eyes.setParentBaselineName('PARENT_BASELINE_NAME') // 设置父基线名称
这些选项可以满足不同场景下的测试需求。
示例代码
以下是一个完整的使用 eyes.sdk.core
进行自动化测试的示例代码:
-- -------------------- ---- ------- ----- - ------- - - ----------------------------- ----- - ----- ------ - - ------------------------------------ ----- - ----------------- - - ---------------------------------- -- -- -------- --------- ----- ------ - ----- --- --------- ------------------- ------------ -------- -- -------- -- --- ---- -- ----- ---- - --- ------ -- ------ ------------------- ----- -- ------ -------------------- ------ -- ------ ---------------------------- -- ------- ---------------------- ------------------------ --- - -- -- --- -- ----- ------------------------------------ -- ----------- ---- --- ----- --------------------- ---------------- -- ---- ----- ----------------- - ------- - -- -- -------- --------- ----- ------------- -
在这个示例代码中,我们首先启动了 Selenium WebDriver,并初始化了 Eyes
对象。然后我们设置了应用名称、测试名称、匹配级别和日志处理器。接着我们打开了一个 web 页面,并使用 Target.window()
方法拍摄了当前窗口的屏幕快照。最后,我们调用了 eyes.close()
来结束测试,并将测试结果发送到 Eyes 服务器进行分析。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60057b3d81e8991b448eb820