Tag component (#651) #1296
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# This is a basic workflow to help you get started with Actions | |
# env: | |
# PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1 # Skip downloading during yarn install | |
# PLAYWRIGHT_BROWSERS_PATH: 0 # Places binaries to node_modules/@playwright/test | |
name: Visual diff | |
# Controls when the action will run. | |
on: | |
# Triggers the workflow on push or pull request events but only for the main branch | |
push: | |
branches: | |
- main | |
pull_request: | |
branches: | |
- main | |
# Allows you to run this workflow manually from the Actions tab | |
workflow_dispatch: | |
concurrency: | |
group: ${{ github.ref }}-visual-diff | |
cancel-in-progress: true | |
# A workflow run is made up of one or more jobs that can run sequentially or in parallel | |
jobs: | |
# This workflow contains a single job called "build" | |
visual-diff: | |
# The type of runner that the job will run on | |
runs-on: windows-latest | |
# Steps represent a sequence of tasks that will be executed as part of the job | |
steps: | |
# Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it | |
- uses: actions/checkout@v3 | |
- name: Use Node.js 20.9.0 | |
uses: actions/setup-node@v3 | |
with: | |
node-version: '20.9.0' | |
# Monorepo installation | |
- name: Npm install | |
run: npm ci; | |
- name: Install Playwright Deps | |
run: npx playwright install-deps | |
- name: Install Playright | |
run: npx playwright install | |
# Take images | |
- name: Take screenshots for comparison [push|main] | |
if: ${{ github.event_name == 'push' && github.ref_name == 'main' }} | |
id: 'visual_diff_all' | |
run: npm run screenshots:all | |
# On pushes to main, upload images for comparison against pull_request runs | |
- name: Upload comparison screenshots [push|main] | |
if: ${{ github.event_name == 'push' && github.ref_name == 'main' }} | |
uses: actions/upload-artifact@v2 | |
with: | |
name: visual_diff_comparison_shapshots | |
path: ./integration/visual-diff/screenshots/updated | |
# On pull requests into main, download images for comparison | |
- name: Take screenshots [pull_request] | |
if: ${{ github.event_name == 'pull_request' && github.base_ref == 'main' }} | |
id: 'visual_diff_light' | |
run: npm run screenshots:light | |
# Temporarily upload screenshots for pull requests, just to verify they are as we'd expect | |
- name: Upload screenshots [pull_request] | |
if: ${{ github.event_name == 'pull_request' && github.base_ref == 'main' }} | |
uses: actions/upload-artifact@v2 | |
with: | |
name: visual_diff_pull_request_shapshots-${{ github.sha }} | |
path: ./integration/visual-diff/screenshots/updated | |
- name: Download comparison screenshots [pull_request] | |
if: ${{ github.event_name == 'pull_request' && github.base_ref == 'main' }} | |
uses: actions/upload-artifact@v3 | |
with: | |
name: visual_diff_comparison_shapshots | |
path: ./integration/visual-diff/screenshots/comparison |