name: Ant Design

trigger: none

pr:
  autoCancel: true
  branches:
    exclude:
      - gh-pages

pool:
  vmImage: 'ubuntu-latest'

stages:
  - stage: site
    jobs:
      - job: Build_Site
        steps:
          - checkout: self
            displayName: 'Checkout'
            clean: true
            fetchDepth: 1
          - task: NodeTool@0
            displayName: 'Install Node.js'
            inputs:
              versionSpec: '14.7.0'
          - script: npm install
            displayName: 'Install modules'
          - script: |
              node ./scripts/azure-github-comment.js "[![Prepare preview](https://user-images.githubusercontent.com/5378891/72351368-2c979e00-371b-11ea-9652-eb4e825d745e.gif)](https://dev.azure.com/ant-design/ant-design/_build/results?buildId=$(Build.BuildId))"
            displayName: 'Comment on github'
          - script: npm run site
            displayName: 'Build sites'
          - script: ls -al _site/
            displayName: 'List build'
          - script: |
              export DEPLOY_DOMAIN=https://preview-${SYSTEM_PULLREQUEST_PULLREQUESTNUMBER}-ant-design.surge.sh
              echo "Deploy to $DEPLOY_DOMAIN"
              npx surge --project ./_site --domain $DEPLOY_DOMAIN
            displayName: 'Deploy Site'
          - script: |
              export DEPLOY_DOMAIN=https://preview-${SYSTEM_PULLREQUEST_PULLREQUESTNUMBER}-ant-design.surge.sh
              node ./scripts/azure-github-comment.js "[<img width="306" src="https://user-images.githubusercontent.com/5378891/72400743-23dbb200-3785-11ea-9d13-1a2d92743846.png">]($DEPLOY_DOMAIN)"
            displayName: 'Update comment on github'
      - job: Build_Site_Failed
        dependsOn: Build_Site
        condition: failed()
        steps:
          - checkout: self
            displayName: 'Checkout'
            clean: true
            fetchDepth: 1
          - task: NodeTool@0
            displayName: 'Install Node.js'
            inputs:
              versionSpec: '14.7.0'
          - script: npm install
            displayName: 'Install modules'
          - script: |
              node ./scripts/azure-github-comment.js "[<img width="534" src="https://user-images.githubusercontent.com/5378891/75333447-1e63a280-58c1-11ea-975d-235367fd1522.png">](https://dev.azure.com/ant-design/ant-design/_build/results?buildId=$(Build.BuildId))"
            displayName: 'Comment on github'
  - stage: ui
    dependsOn: []
    jobs:
      - job: UI_Test
        steps:
          - checkout: self
            displayName: 'Checkout'
            clean: true
            fetchDepth: 1
          - task: NodeTool@0
            displayName: 'Install Node.js'
            inputs:
              versionSpec: '14.7.0'
          - script: npm install
            displayName: 'Install modules'
          - script: npm run test-image
            displayName: 'UI Test'
          - script: npm run argos -- --token $ARGOS_TOKEN --branch $(Build.SourceBranch) --commit $(Build.SourceVersion)
            displayName: 'Upload to argos-ci'