pool:
  vmImage: ubuntu-latest

variables:
  YARN_CACHE_FOLDER: $(Pipeline.Workspace)/.yarn

resources:
 repositories:
   - repository: templates
     name: Azure-Demo/pipeline-template
     type: git
     ref: main

stages:
- stage: Build
  displayName: Build React App
  jobs:
  - template: baseBuildTemplate.yml@templates
    parameters:
      buildType: "test"

- stage: ComponentTest
  displayName: Component Test
  jobs:
  - job: ComponentTestJob
    variables:
      NPM_CACHE_FOLDER: $(Pipeline.Workspace)/.yarn

    steps:
    - task: Cache@2
      displayName: Cache npm dependencies
      inputs:
         key: 'yarn | "$(Agent.OS)" | yarn.lock'
         restoreKeys: |
           yarn | "$(Agent.OS)"
           yarn
         path: $(YARN_CACHE_FOLDER)

    - task: geeklearningio.gl-vsts-tasks-yarn.yarn-task.Yarn@3
      displayName: 'Yarn Install'
      inputs:
        projectDirectory: '$(System.DefaultWorkingDirectory)/FunctionalTests'
        arguments: install

    - task: geeklearningio.gl-vsts-tasks-yarn.yarn-task.Yarn@3
      displayName: 'run component test '
      inputs:
        projectDirectory: '$(System.DefaultWorkingDirectory)/FunctionalTests'
        arguments: component:test

    - task: geeklearningio.gl-vsts-tasks-yarn.yarn-task.Yarn@3
      displayName: 'generate Report '
      inputs:
        projectDirectory: '$(System.DefaultWorkingDirectory)/FunctionalTests'
        arguments: combine:reports

    - task: PublishTestResults@2
      displayName: 'Publish Test Results'
      inputs:
        testResultsFiles: '**/combined-report.xml'
        searchFolder: '$(System.DefaultWorkingDirectory)/FunctionalTests/'

- stage: Test
  displayName: Run Automated Tests
  jobs:
  - job: RunAppAndTest
    strategy:
      parallel: 2
    steps:
    
    - task: Cache@2
      inputs:
        key: '"yarn" | "$(Agent.OS)" | yarn.lock'
        restoreKeys: |
            yarn | "$(Agent.OS)"
            yarn
        path: $(YARN_CACHE_FOLDER)
      displayName: Cache Yarn packages
        
    - task: geeklearningio.gl-vsts-tasks-yarn.yarn-task.Yarn@3
      displayName: 'install dep'
      inputs:
        projectDirectory: '$(System.DefaultWorkingDirectory)/FunctionalTests'
        arguments: install --cache-folder $(YARN_CACHE_FOLDER)
    - task: geeklearningio.gl-vsts-tasks-yarn.yarn-task.Yarn@3
      displayName: 'install dep'
      inputs:
        projectDirectory: '$(System.DefaultWorkingDirectory)'
        arguments: install --cache-folder $(YARN_CACHE_FOLDER)
    
    - task: Bash@3
      displayName: 'Update Yarn version to 2.x'
      inputs:
        targetType: inline
        script: |
          yarn run start&
    
    - task: geeklearningio.gl-vsts-tasks-yarn.yarn-task.Yarn@3
      displayName: 'run cypress test'
      inputs:
        projectDirectory: '$(System.DefaultWorkingDirectory)/FunctionalTests'
        arguments: run test
    - task: PublishBuildArtifacts@1
      inputs:
        pathToPublish: '$(System.DefaultWorkingDirectory)/FunctionalTests/htmlReport'
        artifactName: HtmlReport
    
    - task: LakshayKaushik.PublishHTMLReports.publishhtmlreport.publishhtmlreport@1
      displayName: publishhtmlreport
      inputs:
        JmeterReportsPath: '$(System.DefaultWorkingDirectory)/FunctionalTests/htmlReport'
    
    - task: JakubRumpca.azure-pipelines-html-report.PublishHtmlReport.PublishHtmlReport@1
      displayName: 'Publish Html Report'
      inputs:
        reportDir: '$(System.DefaultWorkingDirectory)/FunctionalTests/htmlReport/index.html'
AzureTemplate
