file_fullscreen-single.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<!--

Open one window, focus it and enter fullscreen, then exit fullscreen.

-->

<head>

  <title>Simple Fullscreen Enter and Exit Test</title>

  <script src="/tests/SimpleTest/EventUtils.js"></script>

  <script src="/tests/SimpleTest/SimpleTest.js"></script>

  <script type="application/javascript" src="file_fullscreen-utils.js"></script>

</head>

<body>

<div id="fullscreen-div"><p>Fullscreen div</p></div>

<script type="application/javascript">

function ok(condition, msg) {

  opener.ok(condition, "[single] " + msg);

function is(value, expected, msg) {

  opener.is(value, expected, "[single] " + msg);

function isnot(value, unexpected, msg) {

  opener.isnot(value, unexpected, "[single] " + msg);

function info(msg) {

  opener.info("[single] " + msg);

function windowResized() {

  info(`Window resized to width: ${window.innerWidth}, height: ${window.innerHeight}.`);

async function begin() {

  window.addEventListener('resize', windowResized);

  info(`Starting window width: ${window.innerWidth}, height: ${window.innerHeight}.`);

  let windowedWidth = window.innerWidth;

  let windowedHeight = window.innerHeight;

  info("Requesting fullscreen.");

  let entryPromise = document.getElementById('fullscreen-div').requestFullscreen()

  info("Fullscreen requested, waiting for promise to resolve.");

  await entryPromise;

  info("element.requestFullscreen() promise resolved.");

  info(`Fullscreen window width: ${window.innerWidth}, height: ${window.innerHeight}.`);

  isnot(document.fullscreenElement, null, "document.fullscreenElement should exist.");

  ok(window.fullScreen, "window.fullScreen");

  isnot(windowedWidth, window.innerWidth, "window width should be changed.");

  isnot(windowedHeight, window.innerHeight, "window height should be changed.");

  info("Requesting fullscreen exit.");

  let exitPromise = document.exitFullscreen()

  info("Fullscreen exit requested, waiting for promise to resolve.");

  await exitPromise;

  info("document.exitFullscreen() promise resolved.");

  info(`Restored window width: ${window.innerWidth}, height: ${window.innerHeight}.`);

  is(document.fullscreenElement, null, "document.fullscreenElement should be null.");

  ok(!window.fullScreen, "window.fullScreen should be false.");

  is(window.innerWidth, windowedWidth, "window width should be restored.");

  is(window.innerHeight, windowedHeight, "window height should be restored.");

  opener.nextTest();

</script>

</pre>

</body>

</html>