Test: add tests to cover clicking checkbox (#1125)

This patch adds tests to make sure clicking both checkbox and its label works. These are regression tests to cover the upstream fix, rolled in #1299.
2024-06-14 14:02:48 +00:00 · 2017-11-08 05:38:22 +01:00
parent 73f5b806a3
commit 7d18275fb9
4 changed files with 77 additions and 3 deletions
--- a/test/assets/input/checkbox.html
+++ b/test/assets/input/checkbox.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Selection Test</title>
+  </head>
+  <body>
+    <label for="agree">Remember Me</label>
+    <input id="agree" type="checkbox">
+    <script>
+      window.result = {
+        check: null,
+        events: [],
+      };
+
+      let checkbox = document.querySelector('input');
+
+      const events = [
+        'change',
+        'click',
+        'dblclick',
+        'input',
+        'mousedown',
+        'mouseenter',
+        'mouseleave',
+        'mousemove',
+        'mouseout',
+        'mouseover',
+        'mouseup',
+      ];
+
+      for (let event of events) {
+        checkbox.addEventListener(event, () => {
+          if (['change', 'click', 'dblclick', 'input'].includes(event) === true) {
+            result.check = checkbox.checked;
+          }
+
+          result.events.push(event);
+        }, false);
+      }
+    </script>
+  </body>
+</html>