diff --git a/html/semantics/forms/the-select-element/show-picker-user-gesture.html b/html/semantics/forms/the-select-element/show-picker-user-gesture.html
index cab0104f1e28c0..7a9d88cb1c33ee 100644
--- a/html/semantics/forms/the-select-element/show-picker-user-gesture.html
+++ b/html/semantics/forms/the-select-element/show-picker-user-gesture.html
@@ -5,31 +5,27 @@
 <script src="/resources/testharnessreport.js"></script>
 <script src="/resources/testdriver.js"></script>
 <script src="/resources/testdriver-vendor.js"></script>
-<body></body>
+
+<select>
+    <option>option</option>
+</select>
+
 <script type=module>
-    test(() => {
-        const select = document.createElement("select");
+    const select = document.querySelector('select');
 
+    test(() => {
         assert_throws_dom('NotAllowedError', () => { select.showPicker(); });
     }, `select showPicker() requires a user gesture`);
 
     promise_test(async t => {
-        const select = document.createElement("select");
-        document.body.append(select)
-
         await test_driver.bless('show picker');
         select.showPicker();
         select.blur();
-    }, `select showPicker() does not throw when user activation is active`);
 
-    promise_test(async t => {
-        const select = document.createElement("select");
-        document.body.append(select)
-
-        await test_driver.bless('show picker');
-        select.showPicker();
-        select.blur();
+        assert_false(navigator.userActivation.isActive,
+            'User activation should be consumed after calling showPicker().');
 
-        assert_false(navigator.userActivation.isActive);
-    }, `select showPicker() consumes user activation`);
+        assert_throws_dom('NotAllowedError', () => select.showPicker(),
+            'select.showPicker() should throw when there is no user activation.');
+    }, `select showPicker() does not throw when user activation is active.`);
 </script>
