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

问题描述

我正在尝试在 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 在“附件”标签中显示视频和屏幕截图。