如何使用TestCafe和YAML将屏幕截图和视频另存为Azure Build Pipeline中的附件？ [英] How can I save screenshots and videos as attachments in Azure Build Pipeline with TestCafe and Yaml?

问题描述

我正在尝试在Azure DevOps中创建生成管道，

1. 运行在TestCafe Studio中创建的测试
2. 错误截图保存，每次测试视频保存
3. 保存测试运行的视频
4. 将测试结果发布到测试运行
5. 在构建管道和结果测试运行中将屏幕截图和视频作为睡觉结果的附件发布

在我的一生中，我和我的团队都不知道如何做到这一点-我们目前正处于保存测试运行、将视频和屏幕截图保存为工件的状态，但它们都没有附加到构建或测试运行中的测试结果中-以下是我们的一个YAML文件的示例

# ASP.NET
# Build and test ASP.NET projects.
# Add steps that publish symbols, save build artifacts, deploy, and more:
# https://docs.microsoft.com/azure/devops/pipelines/apps/aspnet/build-aspnet-4

trigger:
- master

pool:
  vmImage: 'windows-latest'

variables:
  solution: '**/*.sln'
  buildPlatform: 'Any CPU'
  buildConfiguration: 'Release'

steps:
- task: NuGetToolInstaller@1

- task: NuGetCommand@2
  inputs:
    restoreSolution: '$(solution)'

- task: VSBuild@1
  inputs:
    solution: '$(solution)'
    msbuildArgs: '/p:DeployOnBuild=true /p:WebPublishMethod=Package /p:PackageAsSingleFile=true /p:SkipInvalidConfigurations=true /p:PackageLocation="$(build.artifactStagingDirectory)"'
    platform: '$(buildPlatform)'
    configuration: '$(buildConfiguration)'

- task: VSTest@2
  inputs:
    platform: '$(buildPlatform)'
    configuration: '$(buildConfiguration)'

- task: NodeTool@0
  inputs:
    # Replace '10.14' with the latest Node.js LTS version
    versionSpec: '10.14'
  displayName: 'Install Node.js'

- script: npm install -g testcafe testcafe-reporter-xunit
  displayName: 'Install TestCafe'

- script: npm install --save @ffmpeg-installer/ffmpeg
  displayName : Install FFMpeg

- script: npm install testcafe-reporter-nunit3
  displayName: Install NUnit

- script: testcafe chrome **/Tests/**/* -S -s takeOnFails=true --video --reporter spec,xunit:report.xml
  displayName: Run tests - Save screenshots and videos
  continueOnError: true 

- task: PublishTestResults@2
  displayName: Publish test results
  continueOnError: true
  inputs:
    testResultsFiles: '**/report.xml'
    searchFolder: $(System.DefaultWorkingDirectory)
    testResultsFormat: 'NUnit'
    publishRunAttachments: true
    testRunTitle: "Task Results"
    failTaskOnFailedTests: false

- task: CopyFiles@2
  inputs:
    sourceFolder: '$(Build.SourcesDirectory)'
    contents: '**/?(*0.png|*1.png|*2.png|*3.png|*4.png|*5.png|*6.png|*7.png|*8.png|*9.png|*.mp4)'
    targetFolder: '$(Build.ArtifactStagingDirectory)'

- task: PublishBuildArtifacts@1
  inputs:
    pathToPublish: '$(Build.ArtifactStagingDirectory)'
    artifactName: Saved failure screenshots

似乎我们遗漏了一些明显的步骤，但是我们没有人能找到它，经过详尽的搜索，我们没有人能找到解决方案。我们遗漏了什么？

推荐答案

我已经准备了示例存储库。请看一下testcafe-azure-pipelines-example。test result page在"附件"选项卡中显示视频和屏幕快照。

这篇关于如何使用TestCafe和YAML将屏幕截图和视频另存为Azure Build Pipeline中的附件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！