首頁 » 博客 » 如何为你的插件编写 UI 测试 – Matomo 平台介绍

如何为你的插件编写 UI 测试 – Matomo 平台介绍

这是我们博客系列的下一篇,我们将介绍 Matomo(Piwik)平台的功能(上一篇是如何为你的插件编写单元测试)。这次你将如何为你的插件编写学习如何在 Matomo 中编写 UI 测试。学习本教程需要你具备 JavaScript 和 Matomo 平台的基础知识。

什么是 UI 测试?

有些人可能知道“CSS 测试”或“屏幕截图测 rcs数据 试”之类的 UI 测试。我们所说的 UI 测试指的是自动化测试,它会截取 URL 的屏幕截图,然后将结果与预期图像进行比较。如果图像不完全相同,测试就会失败。更多信息,请阅读我们关于UI 测试的博客文章。

UI 测试有什么用处?

我们用它们来测试我们的 PHP 控制器、Twig 模板、CSS,并间接测试我们的 JavaScript。我们通常不为控制器编写单元测试或集成测试。例如,我们使用 UI 测试来确保安装、登录和更新过程按预期运行。我们还对大多数页面、报告、设置等进行了测试。这提高了产品质量,并节省了大量时间,因为编写和维护此类测试非常容易。所有 UI 测试在 功或失败的内部和外 每次提交后都会在Travis上执行,并与我们的预期屏幕截图进行比较。

入门

在本文中,我们假设您已经通过 git 安装了 Matomo 2.11.0 或更高版本,设置了开发环境并创建了插件。如果没有,请访问Matom如何为你的插件编写o 开发者专区,在那里您可以找到教程“设置 Matomo和其他插件开发指南” 。

接下来您需要安装执行 UI 测试所需的软件包。

让我们创建一个 UI 测试

我们首先使用Matomo 控制台创建一个新的 UI 测试

该命令会要求您输入所创建 日本數據 测试所属的插件名称。我将使用插件名称“Widgetize”。接下来,它会要求您输入测试名称。通常,您可以在此处输入要测试的页面或报告的名称。在本例中,我将使用名称“WidgetizePage”。现在应该有一个

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端