Sentry Error Tester

A simple local website for testing Sentry error reporting. Trigger various types of JavaScript errors to verify your Sentry integration is working correctly.

Quick Start

1. Open the website — Just open index.html in your browser, or start a local server:

   # Python 3
   python -m http.server 8080
   
   # Node.js (if you have npx)
   npx serve .

2. Enter your Sentry DSN — Get this from your Sentry project settings: Settings → Client Keys (DSN)

3. Click Initialize — This sets up the Sentry SDK

4. Trigger errors — Click any error card to send test errors to Sentry

Error Types Available

Error Type	Description
Reference Error	Calls an undefined variable
Type Error	Calls a method on undefined
Thrown Exception	Explicitly throws a new Error
Promise Rejection	Unhandled promise rejection
Capture Message	Sends a custom message (not an error)
Capture Exception	Manually captures an exception via Sentry API
With Breadcrumbs	Adds navigation breadcrumbs before the error
With User Context	Sets user info and tags before the error
Async Error	Throws an error inside an async function

Features

• 🔒 DSN saved locally (localStorage) — no need to re-enter
• 🎨 Dark theme, easy on the eyes
• 🚀 No build step required — just HTML/CSS/JS
• 📱 Responsive design

Getting Your DSN

1. Go to sentry.io and sign in
2. Select or create a project
3. Go to Settings → Client Keys (DSN)
4. Copy the DSN URL

Notes

• The page loads the Sentry SDK from their CDN
• Debug mode is enabled so you can see Sentry logs in the browser console
• Your DSN is stored in localStorage and never sent anywhere except to Sentry