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 集成的插件。

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

向下滚动到 Source Code Management 部分并选择 Git，然后指定 Repository 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 将显示一个测试运行报告，您可以在其中查看有关测试结果的一般信息。您可以点击个别测试了解详情。