Skip to content

Conversation

@austinlparker
Copy link
Member

This PR adds visual regression testing using Playwright, as recommended by Next.js.

Key changes:

  • Configure Playwright for testing
  • Add test files for homepage, visual tests, and API routes
  • Set up GitHub Actions workflow for testing in CI
  • Update documentation with testing instructions
  • Add data-testid attributes to components for better test selection
  • Fix PostCSS configuration for newer Tailwind compatibility

Follows Test-Driven Development practices by providing automated tests for future changes.

- Replace Puppeteer with Playwright (Next.js recommended)
- Create test files for homepage, visual tests, and API routes
- Add GitHub workflow for running tests in CI
- Update README.md with testing instructions
- Update CLAUDE.md with testing commands
- Add data-testid attributes to components for easier testing
- Update PostCSS config for compatibility with newer Tailwind
@netlify
Copy link

netlify bot commented Apr 21, 2025

Deploy Preview for otelchangelog ready!

Name Link
🔨 Latest commit 61f839e
🔍 Latest deploy log https://app.netlify.com/sites/otelchangelog/deploys/6806a38ac6e4c50009544a46
😎 Deploy Preview https://deploy-preview-45--otelchangelog.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

- Update visual tests to be more tolerant of differences
- Add threshold parameter to screenshot comparisons
- Add updateSnapshots flag to CI workflow
- Make API tests more flexible to handle different environments
- Improve Playwright configuration for CI environments
- Ignore test-results directory
- Ignore playwright-report directory
- Ignore playwright cache
- Ignore test snapshots
Copy link
Member

@trask trask left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nice, what checks should we make required in this repo?

@austinlparker
Copy link
Member Author

nice, what checks should we make required in this repo?

not sure about the playwright checks but i'm gonna make some followup prs to add unit tests/format ones i think?

@austinlparker austinlparker added this pull request to the merge queue Apr 22, 2025
Merged via the queue into main with commit 2facecc Apr 22, 2025
6 checks passed
@austinlparker austinlparker deleted the add-puppeteer-testing branch April 22, 2025 13:30
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.

2 participants