multi-screen-fullscreen-enter.tentative.https.html (1577B)
1 <!DOCTYPE html> 2 <meta name="timeout" content="long"> 3 <title>Window Management test: target-screen element.requestFullscreen()</title> 4 <link rel="help" href="https://w3c.github.io/window-management/"> 5 Tests use of multi-screen details to enter fullscreen on specific screens.<br> 6 The host device must have 2+ screens to yield meaningful results.<br><br> 7 <ul id="list"></ul> 8 <script src="/resources/testharness.js"></script> 9 <script src="/resources/testharnessreport.js"></script> 10 <script src="/resources/testdriver.js"></script> 11 <script src="/resources/testdriver-vendor.js"></script> 12 <script src="resources/helpers.js"></script> 13 <script> 14 'use strict'; 15 16 promise_test(async setUpTest => { 17 await setUpWindowManagement(setUpTest); 18 const originalScreen = window.screenDetails.currentScreen; 19 for (const s of window.screenDetails.screens) { 20 const name = `Request fullscreen on '${s.label}`; 21 await promise_test(async test => { 22 // Request fullscreen on screen `s`; `window` should move there. 23 await buttonClick(test, name); 24 await document.documentElement.requestFullscreen({ screen: s }); 25 await assertWindowOnScreen(window, s); 26 assert_true(!!document.fullscreenElement); 27 28 // Exit fullscreen; `window` should move back to `originalScreen`. 29 await buttonClick(test, `Exit fullscreen`); 30 await document.exitFullscreen(); 31 await assertWindowOnScreen(window, originalScreen); 32 assert_false(!!document.fullscreenElement); 33 }, name); 34 } 35 }, 'Use multi-screen details to enter fullscreen on specific screens'); 36 </script>