Add a WPT for pointerevent user activation trigger.

Related to HTML issue: whatwg/html#3849 Bug: 826293 Change-Id: I9e4bc0df46df63e05dac64af32c1aab7cdabffe4
web-platform-tests · Nov 17, 2021 · 2662731 · 2662731
1 parent 296ae79
commit 2662731
Show file tree

Hide file tree

Showing 5 changed files with 67 additions and 2 deletions.
diff --git a/html/user-activation/activation-trigger-keyboard-enter.html b/html/user-activation/activation-trigger-keyboard-enter.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+  <link rel="help" href="https://html.spec.whatwg.org/multipage/interaction.html#activation-triggering-input-event">
   <script src="/resources/testharness.js"></script>
   <script src="/resources/testharnessreport.js"></script>
   <script src="/resources/testdriver.js"></script>

diff --git a/html/user-activation/activation-trigger-keyboard-escape.html b/html/user-activation/activation-trigger-keyboard-escape.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+  <link rel="help" href="https://html.spec.whatwg.org/multipage/interaction.html#activation-triggering-input-event">
   <script src="/resources/testharness.js"></script>
   <script src="/resources/testharnessreport.js"></script>
   <script src="/resources/testdriver.js"></script>

diff --git a/html/user-activation/activation-trigger-mouse-left.html b/html/user-activation/activation-trigger-mouse-left.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+  <link rel="help" href="https://html.spec.whatwg.org/multipage/interaction.html#activation-triggering-input-event">
   <script src="/resources/testharness.js"></script>
   <script src="/resources/testharnessreport.js"></script>
   <script src="/resources/testdriver.js"></script>

diff --git a/html/user-activation/activation-trigger-mouse-right.html b/html/user-activation/activation-trigger-mouse-right.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+  <link rel="help" href="https://html.spec.whatwg.org/multipage/interaction.html#activation-triggering-input-event">
   <script src="/resources/testharness.js"></script>
   <script src="/resources/testharnessreport.js"></script>
   <script src="/resources/testdriver.js"></script>
@@ -17,8 +18,7 @@ <h1>Test for right-click activation trigger</h1>
   <script>
     promise_test(async () => {
         var actions = new test_driver.Actions();
-        actions_promise = actions
-            .pointerMove(0, 0, {origin: document.body})
+        actions.pointerMove(0, 0, {origin: document.body})
             .pointerDown({button: actions.ButtonType.RIGHT})
             .pointerUp({button: actions.ButtonType.RIGHT})
             .send();

diff --git a/html/user-activation/activation-trigger-pointerevent.html b/html/user-activation/activation-trigger-pointerevent.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link rel="help" href="https://html.spec.whatwg.org/multipage/interaction.html#activation-triggering-input-event">
+  <meta name="variant" content="?mouse">
+  <meta name="variant" content="?pen">
+  <meta name="variant" content="?touch">
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-actions.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="resources/utils.js"></script>
+</head>
+<body>
+  <h1>Test for pointerevent click activation trigger</h1>
+  <p>Tests user activation from a pointer click.</p>
+  <ol id="instructions">
+    <li>Click anywhere in the document.
+  </ol>
+  <script>
+    let pointer_type = location.search.substring(1);
+
+    promise_test(async () => {
+        const test_pointer = pointer_type + "TestPointer";
+
+        new test_driver.Actions().addPointer(test_pointer, pointer_type)
+            .pointerMove(0, 0, {origin:document.body, sourceName:test_pointer})
+            .pointerDown({sourceName:test_pointer})
+            .pointerUp({sourceName:test_pointer})
+            .send();
+
+        let pointerdown_event = getEvent('pointerdown');
+        let pointerup_event = getEvent('pointerup');
+        let click_event = getEvent('click');
+
+        await pointerdown_event;
+        let consumed_pointerdown = await consumeTransientActivation();
+        await pointerup_event;
+        let consumed_pointerup = await consumeTransientActivation();
+        await click_event;
+        let consumed_click = await consumeTransientActivation();
+
+        if (pointer_type === "mouse") {
+            assert_true(consumed_pointerdown,
+                        pointer_type + " pointerdown event should result in activation");
+            assert_false(consumed_pointerup,
+                         pointer_type + " pointerup should have no activation after pointerdown consumption");
+            assert_false(consumed_click,
+                         pointer_type + " click should have no activation after pointerdown consumption");
+        } else {
+            assert_false(consumed_pointerdown,
+                        pointer_type + " pointerdown event should not result in activation");
+            assert_true(consumed_pointerup,
+                        pointer_type + " pointerup event should result in activation");
+            assert_false(consumed_click,
+                         pointer_type + " click should have no activation after pointerup consumption");
+        }
+    }, "Activation through " + pointer_type + " pointerevent click");
+  </script>
+</body>
+</html>