From 6c31f6c073d8f0243ccb9d31b08cf6b08eb86f91 Mon Sep 17 00:00:00 2001
From: Andreas Kling <kling@serenityos.org>
Date: Mon, 7 Feb 2022 13:26:46 +0100
Subject: [PATCH] Base: Add a browser test page that dumps out all mouse events

---
 Base/res/html/misc/mouse-events.html | 22 ++++++++++++++++++++++
 Base/res/html/misc/welcome.html      |  1 +
 2 files changed, 23 insertions(+)
 create mode 100644 Base/res/html/misc/mouse-events.html

diff --git a/Base/res/html/misc/mouse-events.html b/Base/res/html/misc/mouse-events.html
new file mode 100644
index 0000000000..01210d7cb5
--- /dev/null
+++ b/Base/res/html/misc/mouse-events.html
@@ -0,0 +1,22 @@
+<style>
+#rect {
+    width: 300px;
+    height: 300px;
+    border: 5px solid black;
+}
+</style>
+<div id=rect></div>
+<pre id=out></pre>
+<script>
+function handle(e) {
+    var out = document.getElementById('out');
+    out.innerHTML = e.type + ' @ ' + e.offsetX + ',' + e.y + '\n' + out.innerHTML;
+}
+
+var rect = document.getElementById('rect');
+rect.onmousedown = handle;
+rect.onmousemove = handle;
+rect.onmouseup = handle;
+rect.onclick = handle;
+rect.ondblclick = handle;
+</script>
diff --git a/Base/res/html/misc/welcome.html b/Base/res/html/misc/welcome.html
index cb581f2e86..2c531a9ee0 100644
--- a/Base/res/html/misc/welcome.html
+++ b/Base/res/html/misc/welcome.html
@@ -135,6 +135,7 @@
 
         <h2>JavaScript/Wasm</h2>
         <ul>
+            <li><a href="mouse-events.html">mouse events</a></li>
             <li><a href="message-channel.html">MessageChannel</a></li>
             <li><a href="websocket.html">WebSocket API Test</a></li>
             <li><a href="cookie.html">document.cookie</a></li>