testing - 如何在不同浏览器的jenkins中集成testcafejs

Question

目前，我正在使用 testcafejs 为 React 项目进行自动化 UI 测试。

我想在 Jenkins 等持续集成环境中运行这些测试。我已经添加了 browserStack 插件以使用不同的浏览器和操作系统在本地运行它们。

但是，我想将它们集成到 Jenkins 中，但并不总是消耗 browserStack 配额进行日常检查。关于如何在 Jenkins 的不同浏览器中运行它们有什么建议吗？

Answer 1

TestCafe 具有广泛的命令行界面，使其能够很好地适应任何流行的持续集成系统。

这里是关于如何将 TestCafe 与 Jenkins 集成的说明。可以在 TestCafe Open Source 的文档主题中找到最新的知识库文章。版本:

Integrating TestCafe with Jenkins CI System

如果您使用旧版 TestCafe version (版本 15.1)，您可以使用以下知识库文章:

How to integrate TestCafe with Jenkins

您可能还想查看 the TestCafe plugin for Jenkins将屏幕截图和视频附加到 Jenkins 测试结果页面。

第 1 步 - 从存储库中获取测试代码

在这里，我们将使用在 GitHub 上的单独存储库中发布的测试 - ci-integration-demo .如果您使用不同的版本控制系统，请搜索将其与 Jenkins 集成的插件。

打开您的项目并从右侧 Pane 中选择配置。

向下滚动到源代码管理部分并选择 Git，然后指定存储库 URL。

第 2 步 - 添加安装 TestCafe 的命令

转到构建部分，找到构建您的应用程序的步骤并在其后添加一个新步骤。为此，请点击添加构建步骤并选择运行 shell 命令的步骤类型。

在命令框中，键入以下内容。

npm install testcafe testcafe-reporter-xunit

此命令安装主 testcafe 模块和一个以 xUnit 格式保存测试运行报告的插件。

第 3 步 - 添加运行 TestCafe 的命令

在上一个步骤之后添加另一个执行 shell 命令的步骤。此步骤将运行 TestCafe。

键入以下命令。

node_modules/.bin/testcafe chrome tests/**/* -r xunit:res.xml

这会从 Google Chrome 的 tests 目录运行 TestCafe 测试。测试结果以xUnit格式保存到res.xml文件中。

第 4 步 - 发布测试运行报告

转到构建后操作部分并点击添加构建后操作。在下拉列表中，选择发布 JUnit 测试结果报告。

在测试报告XMLs字段中，指定测试报告文件:res.xml。

第 5 步 - 运行测试

点击保存，您将被导航到项目页面。

点击立即构建立即构建项目。

第 6 步 - 查看测试结果

在项目页面的构建历史部分，点击构建并从下拉菜单中选择测试结果。 p>

Jenkins 将显示一份测试运行报告，您可以在其中查看有关测试结果的一般信息。您可以单击各个测试以了解详细信息。