如何在不同浏览器的jenkins中集成testcafejs
How to integrate testcafejs in jenkins with different browsers
目前，我正在使用 testcafejs 为 React 项目进行自动化 UI 测试。
我想运行在Jenkins 等持续集成环境中进行这些测试。我已经在本地使用不同的浏览器和操作系统将 browserStack 插件添加到 运行。
但是，我想将它们集成到 Jenkins 中，但并不总是消耗 browserStack 配额进行日常检查。关于如何在 Jenkins 的不同浏览器中 运行 它们有什么建议吗？
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 集成的插件。
打开您的项目并从右侧窗格中选择配置。
向下滚动到 源代码管理 部分和 select Git，然后指定 存储库 URL.
步骤 2 - 添加安装 TestCafe 的命令
转到 Build 部分，找到一个构建您的应用程序的步骤，并在它之后添加一个新步骤。为此，请单击 添加构建步骤 和 select 一个 运行 是 shell 命令的步骤类型。
在 Command 框中，键入以下内容。
npm install testcafe testcafe-reporter-xunit
此命令安装主 testcafe 模块和一个以 xUnit 格式保存测试 运行 报告的插件。
步骤 3 - 添加命令到 运行 TestCafe
在前一个步骤之后添加另一个执行 shell 命令的步骤。这一步将运行TestCafe.
键入以下命令。
node_modules/.bin/testcafe chrome tests/**/* -r xunit:res.xml
此 运行s TestCafe 测试来自 Google Chrome 中的 tests 目录。测试结果以 xUnit 格式保存到 res.xml 文件。
第 4 步 - 发布测试 运行 报告
转到Post-构建操作部分并单击添加post-构建操作。在下拉列表中，select发布JUnit测试结果报告
在测试报告XMLs字段中，指定测试报告文件：res.xml.
第 5 步 - 运行 测试
单击保存，您将导航到“项目”页面。
点击立即构建立即构建项目。
第 6 步 - 查看测试结果
在项目页面的构建历史部分，单击构建并select测试下拉菜单中的结果。
Jenkins 将显示一份测试 运行 报告，您可以在其中查看有关测试结果的一般信息。您可以点击个别测试了解详情。
目前，我正在使用 testcafejs 为 React 项目进行自动化 UI 测试。
我想运行在Jenkins 等持续集成环境中进行这些测试。我已经在本地使用不同的浏览器和操作系统将 browserStack 插件添加到 运行。
但是，我想将它们集成到 Jenkins 中，但并不总是消耗 browserStack 配额进行日常检查。关于如何在 Jenkins 的不同浏览器中 运行 它们有什么建议吗？
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 集成的插件。
打开您的项目并从右侧窗格中选择配置。
向下滚动到 源代码管理 部分和 select Git，然后指定 存储库 URL.
步骤 2 - 添加安装 TestCafe 的命令
转到 Build 部分，找到一个构建您的应用程序的步骤，并在它之后添加一个新步骤。为此，请单击 添加构建步骤 和 select 一个 运行 是 shell 命令的步骤类型。
在 Command 框中，键入以下内容。
npm install testcafe testcafe-reporter-xunit
此命令安装主 testcafe 模块和一个以 xUnit 格式保存测试 运行 报告的插件。
步骤 3 - 添加命令到 运行 TestCafe
在前一个步骤之后添加另一个执行 shell 命令的步骤。这一步将运行TestCafe.
键入以下命令。
node_modules/.bin/testcafe chrome tests/**/* -r xunit:res.xml
此 运行s TestCafe 测试来自 Google Chrome 中的 tests 目录。测试结果以 xUnit 格式保存到 res.xml 文件。
第 4 步 - 发布测试 运行 报告
转到Post-构建操作部分并单击添加post-构建操作。在下拉列表中，select发布JUnit测试结果报告
在测试报告XMLs字段中，指定测试报告文件：res.xml.
第 5 步 - 运行 测试
单击保存，您将导航到“项目”页面。
点击立即构建立即构建项目。
第 6 步 - 查看测试结果
在项目页面的构建历史部分，单击构建并select测试下拉菜单中的结果。
Jenkins 将显示一份测试 运行 报告，您可以在其中查看有关测试结果的一般信息。您可以点击个别测试了解详情。