Question

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

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

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

Answer 1

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

以下是有关如何将TestCafe与Jenkins集成的说明。可以在以下TestCafe Open Source版本的文档主题中找到最新的KB文章：

如果您使用的是旧版TestCafe version（版本15.1），则可以使用以下知识库文章：

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

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

打开您的项目，然后从右窗格中选择配置。

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

步骤2-添加命令以安装TestCafe

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

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

npm install testcafe testcafe-reporter-xunit

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

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

键入以下命令。

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

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

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

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

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

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

在项目页面的构建历史部分中，单击一个构建，然后从下拉菜单中选择测试结果。

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