Skip to content

Test: Visual regression testing with Meticulous #8

Test: Visual regression testing with Meticulous

Test: Visual regression testing with Meticulous #8

name: Meticulous Visual Regression Tests
on:
push:
branches: [master]
pull_request:
branches: [master]
workflow_dispatch: {}
permissions:
actions: write
contents: read
issues: write
pull-requests: write
statuses: read
jobs:
test:
name: Run Meticulous Tests
runs-on: ubuntu-latest
timeout-minutes: 30
steps:
- name: Checkout code
uses: actions/checkout@v4
- name: Setup Node.js
uses: actions/setup-node@v4
with:
node-version: '22'
- name: Install pnpm
uses: pnpm/action-setup@v4
with:
version: '10.18.3'
- name: Cache dependencies
uses: actions/cache@v4
with:
path: |
~/.pnpm-store
node_modules
key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-
- name: Install dependencies
run: pnpm install --frozen-lockfile
- name: Build frontend
run: pnpm --filter=n8n-editor-ui build
- name: Run Meticulous tests and report diffs
uses: alwaysmeticulous/report-diffs-action@v1
with:
api-token: ${{ secrets.METICULOUS_API_TOKEN }}
app-directory: 'packages/frontend/editor-ui/dist'
# Build command will run on both base and head commits
build-command: 'pnpm install --frozen-lockfile && pnpm --filter=n8n-editor-ui build'