如何使用TestCafe和Yaml将屏幕截图和视频保存为Azure Build Pipeline中的附件

Question

我正试图在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://learn.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

我们似乎错过了一些明显的步骤，但我们谁也找不到，经过详尽的搜索，我们谁也无法找到解决方案。我们缺少什么？

Answer 1

我准备了一个示例存储库。请看一下：testcafe azure管道示例。测试结果页面显示附件选项卡中的视频和屏幕截图。