Just one of the things I'm learning. https://github.com/hchiam/learning
Just like Travis CI on GitHub, you can set up automated tests in Azure DevOps to run whenever you commit to master: use Pipelines, select a template, and it'll run automatically. azure-pipelines.yml can be automagically generated or manually created to set up your tests.
Current favourites: Selenium WebDriver example and Cypress example.
https://dev.azure.com/hchiam/_git/test-azure-devops-project
https://dev.azure.com/hchiam/code-inspiration
Selenium IDE (as opposed to Selenium WebDriver) is very easy to set up locally: just install a Chrome Extension or Firefox Addon with a few clicks, and record actions directly in the browser. However, certain actions will not replay correctly when you use the CLI command, or require workarounds/tricks to work (in which case, you might want to use Cypress - see the other example).
This is an azure-pipelines.yml configuration file that runs the app while running a Selenium .side test: https://dev.azure.com/hchiam/_git/code-inspiration?path=%2Fazure-pipelines.yml
YAML: (Click to expand)
trigger:
- master
pool:
vmImage: 'ubuntu-latest'
name: Azure Pipelines
demands: npm
stages:
- stage: Test
jobs:
- job: TestJob
displayName: Agent Job 1
steps:
- task: Npm@1
displayName: install
inputs:
verbose: false
- task: Npm@1
displayName: 'install chromedriver'
inputs:
command: custom
verbose: false
customCommand: 'install chromedriver'
- task: Npm@1
displayName: 'install selenium-side-runner'
inputs:
command: custom
verbose: false
customCommand: 'install selenium-side-runner'
- task: Npm@1
displayName: 'install react-scripts'
inputs:
command: custom
verbose: false
customCommand: 'install react-scripts'
- script: 'npx react-scripts build'
displayName: 'build (npx)'
- script: 'npx react-scripts start & npm run side-test'
displayName: 'start (npx) & side-test'Results:
https://dev.azure.com/hchiam/code-inspiration/_build
https://dev.azure.com/hchiam/_git/test-cypress?path=README.md
The interface part of Cypress is very developer-friendly. Currently supports Chrome, Firefox, Edge, and Electron, but not Internet Explorer yet as of February 2020 (in which case, you might want to use Selenium WebDriver - see the other example).
Here's an example test configuration for Azure DevOps:
YAML: (Click to expand)
trigger:
- master
pool:
vmImage: 'ubuntu-latest'
steps:
- task: NodeTool@0
inputs:
versionSpec: '10.x'
displayName: 'Install Node.js'
- script: npm install
displayName: 'Install Dependencies'
- script: npx cypress run
displayName: 'Run Cypress Test'Results:
Selenium WebDriver can run on Firefox, Chrome, Internet Explorer, and more. It has APIs for different programming languages, which includes JavaScript via selenium-webdriver.
Here's an example test configuration for Azure DevOps:
YAML: (Click to expand)
trigger:
- master
pool:
vmImage: 'ubuntu-latest'
steps:
- task: NodeTool@0
inputs:
versionSpec: '10.x'
displayName: 'Install Node.js'
- script: npm install
displayName: 'Install Dependencies'
- script: node index
displayName: 'Run Selenium WebDriver Test'In another repo, here's an example Selenium WebDriver test (running with Node.js) that runs Firefox in headless mode, has hover/mouseover step examples, and properly fails/passes husky pre-commit hooks: https://github.com/hchiam/code-inspiration/blob/5c60bbdeb8f445a5e3c1d7431378c78e71515b51/selenium-test.js