Skip to content

Test: Visual regression testing with Meticulous#1

Open
RPD123-byte wants to merge 14 commits intomasterfrom
test/meticulous-visual-regression-test
Open

Test: Visual regression testing with Meticulous#1
RPD123-byte wants to merge 14 commits intomasterfrom
test/meticulous-visual-regression-test

Conversation

@RPD123-byte
Copy link
Owner

🧪 Meticulous Visual Regression Test

This PR contains intentional visual changes to test the Meticulous integration.

What Changed

  1. Sign-in Page Title ()

    • Modified to include 🚀 emoji and '- Powered by Meticulous'
    • Should be visible in recorded sign-in sessions
  2. Sign-in Container Shadow ()

    • Added subtle drop-shadow effect
    • Creates visual difference Meticulous should detect
  3. Workflow Canvas Background ()

    • Added light gradient overlay (very subtle but detectable)
    • Affects all workflow builder interactions

Why These Changes?

These changes map to existing recorded Meticulous sessions:

  • ✅ Sign-in page interactions
  • ✅ Workflow builder/canvas usage
  • ✅ CircleCI integration steps (if visible in canvas)
  • ✅ OpenAI node interactions (if visible in canvas)

Expected Behavior

When Meticulous runs on this PR, it should:

  1. Replay your recorded sessions against this new code
  2. Take screenshots at each step
  3. Compare them to the baseline (master branch)
  4. Flag visual regressions showing these intentional changes

Testing Meticulous

After this PR is created, Meticulous should automatically:

  • Run tests via CI/CD
  • Show visual diffs in PR comments
  • Highlight the 3 visual changes above

Note: These are test changes to validate Meticulous is working. They should NOT be merged.

This PR contains intentional UI changes to test Meticulous visual regression:

1. Sign-in page: Modified title to include emoji and 'Powered by Meticulous'
2. Sign-in page: Added drop shadow effect to container
3. Workflow canvas: Added subtle gradient background overlay

These changes should be detected by Meticulous when it replays recorded
user sessions and compares screenshots.

Areas affected match existing recorded sessions:
- Sign-in flow
- Workflow builder/canvas interactions
@github-actions
Copy link

github-actions bot commented Nov 9, 2025

🎭 Meticulous Visual Regression Tests

Meticulous has finished analyzing this PR!

Check the Meticulous dashboard for detailed visual diffs.

@RPD123-byte
Copy link
Owner Author

🔄 Meticulous workflow updated!

The CI/CD workflow has been fixed to use the official Meticulous GitHub Action.

The workflow will now:

  1. ✅ Test against your live production instance
  2. ✅ Compare visual screenshots automatically
  3. ✅ Post results directly to this PR

Re-running checks now...

Use 'pnpm turbo build:playwright' which builds all required
dependencies (@n8n/vitest-config, etc.) before building frontend.

Fixes: Cannot find module '@n8n/vitest-config/frontend'
Remove manual build steps - the action's build-command
handles everything including dependency installation and building.
@github-actions
Copy link

github-actions bot commented Nov 9, 2025

✅ Meticulous spotted zero visual differences across 12 screens tested: view results.

Last updated for commit 16140e4. This comment will update as new commits are pushed.

@alwaysmeticulous
Copy link

alwaysmeticulous bot commented Nov 9, 2025

🔴 Meticulous spotted visual differences in 39 of 73 screens tested: view and approve differences detected.

Last updated for commit 3c49017. This comment will update as new commits are pushed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant