show-picker-being-cv-hidden.html (883B)
1 <!DOCTYPE html> 2 <title>Test showPicker() being rendered requirement with content-visibility</title> 3 <script src="/resources/testharness.js"></script> 4 <script src="/resources/testharnessreport.js"></script> 5 <script src="/resources/testdriver.js"></script> 6 <script src="/resources/testdriver-vendor.js"></script> 7 <div style="content-visibility: hidden"> 8 <select id="select"> 9 <option>Item 1</option> 10 </select> 11 </div> 12 <script> 13 promise_test(async t => { 14 await test_driver.bless('show picker'); 15 assert_throws_dom('NotSupportedError', () => { select.showPicker(); }); 16 17 // Test that dynamically changing to actually being rendered works. 18 await test_driver.bless('show picker'); 19 select.parentElement.style.contentVisibility = 'visible'; 20 select.showPicker(); 21 select.blur(); 22 }, 'select showPicker() throws when content-visibility hidden'); 23 </script>