chore: add example to throw in popup

subzero10 · subzero10 · commit 8b3e7062129f · 2024-10-17T09:04:27.000+03:00
diff --git a/packages/js/examples/chrome-extension/button.css b/packages/js/examples/chrome-extension/button.css
@@ -1,4 +1,5 @@
 button {
+    cursor: pointer;
     height: 30px;
     width: 30px;
     outline: none;
@@ -10,4 +11,9 @@ button {
 button.current {
     box-shadow: 0 0 0 2px white,
     0 0 0 4px black;
-}
+}
+
+button#throwError {
+    width: 60px;
+    height: 50px;
+}
diff --git a/packages/js/examples/chrome-extension/popup.html b/packages/js/examples/chrome-extension/popup.html
@@ -7,6 +7,9 @@
 </head>
 <body>
 <button id="changeColor"></button>
+<br/>
+<br/>
+<button id="throwError">Throw error</button>
 <script src="popup.js"></script>
 </body>
 </html>
diff --git a/packages/js/examples/chrome-extension/popup.js b/packages/js/examples/chrome-extension/popup.js
@@ -1,5 +1,5 @@
 // Initialize button with user's preferred color
-let changeColor = document.getElementById('changeColor');
+const changeColor = document.getElementById('changeColor');
 
 chrome.storage.sync.get('color', ({ color }) => {
   changeColor.style.backgroundColor = color;
@@ -21,4 +21,11 @@ function setPageBackgroundColor() {
   chrome.storage.sync.get('color', ({ color }) => {
     document.body.style.backgroundColor = color;
   });
-}
+}
+
+// Button to throw an error and have it reported on Honeybadger
+const throwError = document.getElementById('throwError');
+throwError.addEventListener('click', async () => {
+  // eslint-disable-next-line no-undef
+  someUndefinedFunction();
+});
