Added WPTs for user-activation from keypress and keyup events.

These tests are for the following HTML PR: whatwg/html#6818 Also renamed the existing click event test for consistency. Change-Id: If77750f4159828b68bd91a4b48f46606421b7df6 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3159551 Reviewed-by: Robert Flack <flackr@chromium.org> Commit-Queue: Mustaq Ahmed <mustaq@chromium.org> Cr-Commit-Position: refs/heads/main@{#926812}
web-platform-tests · Sep 30, 2021 · aa4a6c2 · aa4a6c2
1 parent a302497
commit aa4a6c2
Show file tree

Hide file tree

Showing 4 changed files with 85 additions and 30 deletions.
diff --git a/html/user-activation/activation-trigger-click.html b/html/user-activation/activation-trigger-click.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="resources/utils.js"></script>
+</head>
+<body>
+  <h1>Test for click activation trigger</h1>
+  <p>Tests that a popup is allowed with user activation from a click event.</p>
+  <ol id="instructions">
+    <li>Click anywhere in the document.
+  </ol>
+  <script>
+    promise_test(async () => {
+        test_driver.click(document.body);
+        await getEvent('click');
+        let consumed = await consumeTransientActivation();
+        assert_true(consumed, "click event should result in activation");
+    }, "Activation through mouse event");
+  </script>
+</body>
+</html>
diff --git a/html/user-activation/activation-trigger-keypress.html b/html/user-activation/activation-trigger-keypress.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+  <script src="/resources/testdriver.js"></script>
+  <script src="/resources/testdriver-vendor.js"></script>
+  <script src="resources/utils.js"></script>
+</head>
+<body>
+  <h1>Test for keypress activation trigger</h1>
+  <p>Tests that a popup is allowed with user activation from a keypress event.</p>
+  <input type="text" autofocus />
+  <ol id="instructions">
+    <li>Press ENTER key.
+  </ol>
+  <script>
+    promise_test(async () => {
+        const ENTER_KEY = '\uE007';
+        test_driver.send_keys(document.body, ENTER_KEY);
+
+        let keyup_event = getEvent('keyup');
+
+        await getEvent('keypress');
+        let consumed = await consumeTransientActivation();
+        assert_true(consumed,
+                    "ENTER keypress event should result in activation");
+
+        await keyup_event;
+        consumed = await consumeTransientActivation();
+        assert_false(consumed,
+                     "ENTER keyup should have no activation after keypress consumption");
+    }, "Activation through keyboard event");
+  </script>
+</body>
+</html>
diff --git a/html/user-activation/basic.html b/html/user-activation/basic.html
diff --git a/html/user-activation/resources/utils.js b/html/user-activation/resources/utils.js
@@ -7,3 +7,27 @@ function delayByFrames(f, num_frames) {
   }
   recurse(num_frames);
 }
+
+// Returns a Promise which is resolved with the event object when the event is
+// fired.
+function getEvent(eventType) {
+  return new Promise(resolve => {
+    document.body.addEventListener(eventType, e => resolve(e), {once: true});
+  });
+}
+
+
+// Returns a Promise which is resolved with a "true" iff transient activation
+// was available and successfully consumed.
+//
+// This function relies on Fullscreen API to check/consume user activation
+// state.
+async function consumeTransientActivation() {
+  try {
+    await document.body.requestFullscreen();
+    await document.exitFullscreen();
+    return true;
+  } catch(e) {
+    return false;
+  }
+}