A simple, powerful cross-device testing tool for web developers.
Currently in early development. Built by a solo developer who got tired of manually resizing browser windows and running the same tests over and over.
Right now, it's a straightforward tool where you can:
- Enter any website URL
- See how it looks across iPhone, iPad, and desktop simultaneously
- Switch between portrait/landscape orientations
- Focus on individual devices for detailed inspection
Multi-Device Testing Interface
Focus Mode for Detailed Inspection
I'm building TestSentry because I'm sick of repetitive manual testing. Here's the plan:
- Custom screen sizes and device frames
- Remove scrollbars for cleaner previews
- Cross-browser testing (Chrome, Firefox, Safari, Edge - powered by BrowserStack)
- Cross-platform testing (Windows, macOS, Linux, mobile)
- Auto-testing on save - Paste your localhost URL, tool automatically tests every time you save code
- AI agents that actually use your app - Inspired by OpenAI's ChatGPT Agent and Anthropic's Computer Use
- Background monitoring agents - Like Cursor's background agents, but for web testing
- Intelligent issue detection - AI catches visual bugs, broken flows, performance issues
- 24/7 background testing - Catches issues before users do
- Core Web Vitals tracking - No more manual Lighthouse runs
- Visual regression detection - AI compares screenshots and flags changes
- Accessibility monitoring - Continuous WCAG compliance checking
- Save and share test results
- Team collaboration and alerts
- Integration with CI/CD pipelines
| Current workflow | TestSentry workflow |
|---|---|
1. Make code changes2. Manually resize browser window3. Test on different devices/browsers manually4. Run Lighthouse manually5. Check for visual bugs manually6. Repeat for every change |
1. Paste your URL once2. AI agents automatically test everything on every save3. Get notified only when something actually breaks4. Focus on building, not testing |
- Node.js: 20.0.0 or higher
- Package Manager: pnpm 10.15.0 or higher (npm and yarn not supported)
- Next.js 15 with TypeScript
- Tailwind CSS + shadcn/ui for styling
- Playwright (planned for cross-browser automation)
- AI integrations (planned for intelligent testing agents)
git clone https://github.com/noobships/test-sentry.git
cd test-sentry
pnpm install
pnpm devOpen http://localhost:3000 and test any website.
This project maintains high code quality standards through automated checks:
pnpm dev # Start development server
pnpm build # Build for production (includes quality checks)
pnpm start # Start production server
pnpm lint # Check for linting issues
pnpm lint:ci # Strict linting (fails on warnings)
pnpm lint:fix # Auto-fix linting issues
pnpm format # Format code with Prettier
pnpm format:check # Check code formatting
pnpm type-check # Run TypeScript type checking- Pre-commit hooks (Husky) ensure code quality before commits
- GitHub Actions run full quality checks on every push/PR
- Vercel deployments only succeed after passing all quality checks
- Zero tolerance for lint warnings or formatting issues
- ESLint with TypeScript support and strict rules
- Prettier for consistent code formatting
- TypeScript for type safety
- Husky for pre-commit quality enforcement
This is a new open source project and I'd love help! Whether you:
| Find bugs | Have feature ideas | Want to contribute code | Know about AI automation |
|---|---|---|---|
| Report issues you discover | Suggest new features | Submit pull requests | Share automation expertise |
All skill levels welcome.
| Status | Feature |
|---|---|
✓ |
Basic multi-device preview working |
✓ |
Clean, simple interface |
✓ |
Deployed and stable |
✓ |
Quality gates and CI/CD pipeline |
○ |
Planning AI automation features |
○ |
Researching cross-browser testing implementation |
○ |
Designing the agent-based testing architecture |
Built by @noobships
MIT License - use it however you want.
Like this project? Give it a ⭐