npm 包 eyes.sdk.core 使用教程

阅读时长 4 分钟读完

简介

eyes.sdk.core 是一个用于前端自动化测试的工具包。它能够模拟人眼对网页的视觉感受,并在测试过程中自动发现并报告网页上的各种视觉问题,例如错位、颜色不协调等等。开发者可以将它集成到自己的项目中,以便于快速、准确地进行测试。

在这篇文章中,我们将会介绍如何使用 eyes.sdk.core,并提供一些示例代码和实际应用当中的指导意义。

安装

首先,你需要安装 eyes.sdk.core 依赖的 eyes-images,可以使用以下命令进行安装:

快速上手

我们将展示一个小例子来说明如何使用 eyes.sdk.core

-- -------------------- ---- -------
----- - ----- ------ - - ------------------------------------

-- --- ---- --
----- ---- - --- ------

-- ------
------------------- -----

-- ------
-------------------- ------

-- -- --- --
----- ------------------------------------

-- ----------- ---- ---
----- --------------------- ----------------

-- ----
----- -----------------

在这个例子中,我们首先创建了一个 Eyes 对象,并设置好应用名称和测试名称。然后我们打开了一个 web 页面,并使用 Target.window() 方法拍摄了当前窗口的屏幕快照。最后,我们调用了 eyes.close() 来结束测试,并将测试结果发送到 Eyes 服务器进行分析。

配置选项

Eyes 对象还有许多配置选项可以设置,例如:

这些选项可以满足不同场景下的测试需求。

示例代码

以下是一个完整的使用 eyes.sdk.core 进行自动化测试的示例代码:

-- -------------------- ---- -------
----- - ------- - - -----------------------------
----- - ----- ------ - - ------------------------------------
----- - ----------------- - - ----------------------------------

-- -- -------- ---------
----- ------ - ----- --- ---------
  ------------------- ------------ -------- --
  --------

-- --- ---- --
----- ---- - --- ------

-- ------
------------------- -----

-- ------
-------------------- ------

-- ------
----------------------------

-- -------
---------------------- ------------------------

--- -
  -- -- --- --
  ----- ------------------------------------

  -- ----------- ---- ---
  ----- --------------------- ----------------

  -- ----
  ----- -----------------
-
------- -
  -- -- -------- ---------
  ----- -------------
-

在这个示例代码中,我们首先启动了 Selenium WebDriver,并初始化了 Eyes 对象。然后我们设置了应用名称、测试名称、匹配级别和日志处理器。接着我们打开了一个 web 页面,并使用 Target.window() 方法拍摄了当前窗口的屏幕快照。最后,我们调用了 eyes.close() 来结束测试,并将测试结果发送到 Eyes 服务器进行分析。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60057b3d81e8991b448eb820

纠错
反馈