如何将jenkins中的testcafejs与不同的浏览器集成
Jin*_*ing 8 testing automated-tests jenkins testcafe
目前,我正在使用testcafejs为React项目进行自动化UI测试.
我想在Jenkins这样的持续集成环境中运行这些测试.我已经添加了browserStack插件,可以在本地运行不同的浏览器和操作系统.
但是,我想将它们集成到Jenkins中,但并不总是使用browserStack配额进行日常检查.有关如何在Jenkins的不同浏览器中运行它们的任何建议吗？
TestCafe 拥有广泛的命令行界面，使其能够很好地适应任何流行的持续集成系统。
以下是有关如何将 TestCafe 与 Jenkins 集成的说明。最新的知识库文章可以在TestCafe 开源版本的文档主题中找到：
如果您使用的是旧版TestCafe 版本（版本 15.1），则可以使用以下知识库文章：
您可能还希望检查Jenkins 的 TestCafe 插件，该插件将屏幕截图和视频附加到 Jenkins 测试结果页面。
第 1 步 - 从存储库获取测试代码
在这里，我们将使用在 GitHub 上的单独存储库 - ci-integration-demo中发布的测试。如果您使用不同的版本控制系统，请搜索将其与 Jenkins 集成的插件。
打开您的项目并从右侧窗格中选择“配置” 。
向下滚动到“源代码管理”部分并选择“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
这将从testsGoogle Chrome 中的目录运行 TestCafe 测试。res.xml测试结果以 xUnit 格式保存到文件中。
第 4 步 - 发布测试运行报告
转到“构建后操作”部分，然后单击“添加构建后操作”。在下拉列表中，选择发布 JUnit 测试结果报告。
在测试报告 XML字段中，指定测试报告文件：res.xml。
第 5 步 - 运行测试
单击“保存”，您将导航到“项目”页面。
点击“立即构建”立即构建项目。
第 6 步 - 查看测试结果
在“项目”页面的“构建历史记录”部分中，单击一个构建并从下拉菜单中选择“测试结果” 。
Jenkins 将显示测试运行报告，您可以在其中查看有关测试结果的一般信息。您可以单击各个测试了解详细信息。
