Skip to content

fix(percy): added security measures per PR feedback #3

fix(percy): added security measures per PR feedback

fix(percy): added security measures per PR feedback #3

# This workflow runs Percy visual regression tests for pull requests. It extracts the list of stories
# from the PR body and runs snapshots for those stories to validate visual changes before merging.
# If Percy detects visual differences, the workflow fails to block merging.
name: Percy PR Visual Regression Tests
on:
pull_request:
types:
- opened
- synchronize
- reopened
- edited
- labeled
jobs:
visual-regression:
runs-on: ubuntu-latest
steps:
# Checkout the repository
- name: Checkout code
uses: actions/checkout@v3
# Set up Node.js
- name: Set up Node.js
uses: actions/setup-node@v3
with:
node-version: 22
# Install dependencies
- name: Install dependencies
run: npm install
working-directory: ./packages/skin
# Extract target stories from PR body
- name: Extract target stories
id: extract_stories
env:
PR_BODY: ${{ github.event.pull_request.body }}
run: |
STORIES=$(echo "PR_BODY" | awk '/Percy Stories/{getline; print}')
if [ -z "$STORIES" ]; then
echo "No Percy Stories found in PR body."
exit 0
fi
echo "stories=$STORIES" >> $GITHUB_ENV
working-directory: ./packages/skin
# Debug: Print extracted stories
- name: Debug extracted stories
run: echo "Extracted stories: $stories"

Check failure on line 52 in .github/workflows/pr-visual-regression.yml

View workflow run for this annotation

GitHub Actions / .github/workflows/pr-visual-regression.yml

Invalid workflow file

You have an error in your yaml syntax on line 52
working-directory: ./packages/skin
# Run Percy for the extracted stories
- name: Run Percy visual tests
env:
PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }}
run: npm run snapshots --stories "$stories"
working-directory: ./packages/skin