chromium/src/third_party/blink/web_tests/external/wpt/html/browsers/browsing-the-web/unloading-documents/beforeunload-canceling.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <meta charset="utf-8">
 <title>beforeunload return value cancelation behavior</title>
 <link rel="help" href="https://html.spec.whatwg.org/multipage/webappapis.html#the-event-handler-processing-algorithm">
 <link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>

 <div id="log"></div>

 <script>
 "use strict";

 promise_test(t => {
   let onbeforeunloadHappened = false;
   window.onbeforeunload = t.step_func(() => {
     onbeforeunloadHappened = true;
     return "cancel me";
   });

   const eventWatcher = new EventWatcher(t, window, "beforeunload");
   const promise = eventWatcher.wait_for("beforeunload").then(e => {
     assert_true(onbeforeunloadHappened, "CustomEvent must be able to trigger the event handler");
     assert_false(e.defaultPrevented, "The event must not have been canceled");
     window.onbeforeunload = null;
   });

   window.dispatchEvent(new CustomEvent("beforeunload"));

   return promise;
 }, "Returning a string must not cancel the event: CustomEvent, non-cancelable");

 promise_test(t => {
   let onbeforeunloadHappened = false;
   window.onbeforeunload = t.step_func(() => {
     onbeforeunloadHappened = true;
     return "cancel me";
   });

   const eventWatcher = new EventWatcher(t, window, "beforeunload");
   const promise = eventWatcher.wait_for("beforeunload").then(e => {
     assert_true(onbeforeunloadHappened, "CustomEvent must be able to trigger the event handler");
     assert_false(e.defaultPrevented, "The event must not have been canceled");
     window.onbeforeunload = null;
     t.done();
   });

   window.dispatchEvent(new CustomEvent("beforeunload", { cancelable: true }));

   return promise;
 }, "Returning a string must not cancel the event: CustomEvent, cancelable");

 promise_test(t => {
   let onbeforeunloadHappened = false;
   window.onbeforeunload = t.step_func(() => {
     onbeforeunloadHappened = true;
     return false;
   });

   const eventWatcher = new EventWatcher(t, window, "beforeunload");
   const promise = eventWatcher.wait_for("beforeunload").then(e => {
     assert_true(onbeforeunloadHappened, "CustomEvent must be able to trigger the event handler");
     assert_false(e.defaultPrevented, "The event must not have been canceled");
     window.onbeforeunload = null;
     t.done();
   });

   window.dispatchEvent(new CustomEvent("beforeunload", { cancelable: true }));

   return promise;
 }, "Returning false must not cancel the event, because it's coerced to the DOMString \"false\" which does not cancel " +
    "CustomEvents: CustomEvent, cancelable");

 // This test can be removed if we update the DOM Standard to disallow createEvent("BeforeUnloadEvent"). Browser support
 // is inconsistent. https://github.com/whatwg/dom/issues/362
 promise_test(t => {
   const eventWatcher = new EventWatcher(t, window, "click");
   const promise = eventWatcher.wait_for("click").then(e => {
     assert_false(e.defaultPrevented, "The event must not have been canceled");
     window.onbeforeunload = null;
     t.done();
   });

   const ev = document.createEvent("BeforeUnloadEvent");
   ev.initEvent("click", false, true);
   window.dispatchEvent(ev);

   return promise;
 }, "Returning a string must not cancel the event: BeforeUnloadEvent with type \"click\", cancelable");

 const testCases = [
   {
     valueToReturn: null,
     expectCancelation: false,
     expectedReturnValue: ""
   },
   {
     valueToReturn: undefined,
     expectCancelation: false,
     expectedReturnValue: ""
   },
   {
     valueToReturn: "",
     expectCancelation: true,
     expectedReturnValue: ""
   },
   {
     valueToReturn: false,
     expectCancelation: true,
     expectedReturnValue: "false"
   },
   {
     valueToReturn: true,
     expectCancelation: true,
     expectedReturnValue: "true"
   },
   {
     valueToReturn: 0,
     expectCancelation: true,
     expectedReturnValue: "0"
   },
   {
     valueToReturn: null,
     expectCancelation: false,
     setReturnValue: "foo",
     expectedReturnValue: "foo"
   },
   {
     valueToReturn: undefined,
     expectCancelation: false,
     setReturnValue: "foo",
     expectedReturnValue: "foo"
   },
   {
     valueToReturn: "",
     expectCancelation: true,
     setReturnValue: "foo",
     expectedReturnValue: "foo"
   },
   {
     valueToReturn: false,
     expectCancelation: true,
     setReturnValue: "foo",
     expectedReturnValue: "foo"
   },
   {
     valueToReturn: true,
     expectCancelation: true,
     setReturnValue: "foo",
     expectedReturnValue: "foo"
   },
   {
     valueToReturn: 0,
     expectCancelation: true,
     setReturnValue: "foo",
     expectedReturnValue: "foo"
   }
 ];

 var testCaseIndex = 0;
 function runNextTest() {
   const testCase = testCases[testCaseIndex];

   const labelAboutReturnValue = testCase.setReturnValue === undefined ? "" :
     `; setting returnValue to ${testCase.setReturnValue}`;

   async_test(t => {
     const iframe = document.createElement("iframe");
     iframe.onload = t.step_func(() => {
       iframe.contentWindow.runTest(t, testCase);
       if (++testCaseIndex < testCases.length)
         runNextTest();
     });

     iframe.src = "beforeunload-canceling-1.html";
     document.body.appendChild(iframe);
   }, `Returning ${testCase.valueToReturn} with a real iframe unloading${labelAboutReturnValue}`);
 }

 runNextTest();
 </script>
	<!DOCTYPE html>
	<meta charset="utf-8">
	<title>beforeunload return value cancelation behavior</title>
	<link rel="help" href="https://html.spec.whatwg.org/multipage/webappapis.html#the-event-handler-processing-algorithm">
	<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me">
	<script src="/resources/testharness.js"></script>
	<script src="/resources/testharnessreport.js"></script>

	<div id="log"></div>

	<script>
	"use strict";

	promise_test(t => {
	let onbeforeunloadHappened = false;
	window.onbeforeunload = t.step_func(() => {
	onbeforeunloadHappened = true;
	return "cancel me";
	});

	const eventWatcher = new EventWatcher(t, window, "beforeunload");
	const promise = eventWatcher.wait_for("beforeunload").then(e => {
	assert_true(onbeforeunloadHappened, "CustomEvent must be able to trigger the event handler");
	assert_false(e.defaultPrevented, "The event must not have been canceled");
	window.onbeforeunload = null;
	});

	window.dispatchEvent(new CustomEvent("beforeunload"));

	return promise;
	}, "Returning a string must not cancel the event: CustomEvent, non-cancelable");

	promise_test(t => {
	let onbeforeunloadHappened = false;
	window.onbeforeunload = t.step_func(() => {
	onbeforeunloadHappened = true;
	return "cancel me";
	});

	const eventWatcher = new EventWatcher(t, window, "beforeunload");
	const promise = eventWatcher.wait_for("beforeunload").then(e => {
	assert_true(onbeforeunloadHappened, "CustomEvent must be able to trigger the event handler");
	assert_false(e.defaultPrevented, "The event must not have been canceled");
	window.onbeforeunload = null;
	t.done();
	});

	window.dispatchEvent(new CustomEvent("beforeunload", { cancelable: true }));

	return promise;
	}, "Returning a string must not cancel the event: CustomEvent, cancelable");

	promise_test(t => {
	let onbeforeunloadHappened = false;
	window.onbeforeunload = t.step_func(() => {
	onbeforeunloadHappened = true;
	return false;
	});

	const eventWatcher = new EventWatcher(t, window, "beforeunload");
	const promise = eventWatcher.wait_for("beforeunload").then(e => {
	assert_true(onbeforeunloadHappened, "CustomEvent must be able to trigger the event handler");
	assert_false(e.defaultPrevented, "The event must not have been canceled");
	window.onbeforeunload = null;
	t.done();
	});

	window.dispatchEvent(new CustomEvent("beforeunload", { cancelable: true }));

	return promise;
	}, "Returning false must not cancel the event, because it's coerced to the DOMString \"false\" which does not cancel " +
	"CustomEvents: CustomEvent, cancelable");

	// This test can be removed if we update the DOM Standard to disallow createEvent("BeforeUnloadEvent"). Browser support
	// is inconsistent. https://github.com/whatwg/dom/issues/362
	promise_test(t => {
	const eventWatcher = new EventWatcher(t, window, "click");
	const promise = eventWatcher.wait_for("click").then(e => {
	assert_false(e.defaultPrevented, "The event must not have been canceled");
	window.onbeforeunload = null;
	t.done();
	});

	const ev = document.createEvent("BeforeUnloadEvent");
	ev.initEvent("click", false, true);
	window.dispatchEvent(ev);

	return promise;
	}, "Returning a string must not cancel the event: BeforeUnloadEvent with type \"click\", cancelable");

	const testCases = [
	{
	valueToReturn: null,
	expectCancelation: false,
	expectedReturnValue: ""
	},
	{
	valueToReturn: undefined,
	expectCancelation: false,
	expectedReturnValue: ""
	},
	{
	valueToReturn: "",
	expectCancelation: true,
	expectedReturnValue: ""
	},
	{
	valueToReturn: false,
	expectCancelation: true,
	expectedReturnValue: "false"
	},
	{
	valueToReturn: true,
	expectCancelation: true,
	expectedReturnValue: "true"
	},
	{
	valueToReturn: 0,
	expectCancelation: true,
	expectedReturnValue: "0"
	},
	{
	valueToReturn: null,
	expectCancelation: false,
	setReturnValue: "foo",
	expectedReturnValue: "foo"
	},
	{
	valueToReturn: undefined,
	expectCancelation: false,
	setReturnValue: "foo",
	expectedReturnValue: "foo"
	},
	{
	valueToReturn: "",
	expectCancelation: true,
	setReturnValue: "foo",
	expectedReturnValue: "foo"
	},
	{
	valueToReturn: false,
	expectCancelation: true,
	setReturnValue: "foo",
	expectedReturnValue: "foo"
	},
	{
	valueToReturn: true,
	expectCancelation: true,
	setReturnValue: "foo",
	expectedReturnValue: "foo"
	},
	{
	valueToReturn: 0,
	expectCancelation: true,
	setReturnValue: "foo",
	expectedReturnValue: "foo"
	}
	];

	var testCaseIndex = 0;
	function runNextTest() {
	const testCase = testCases[testCaseIndex];

	const labelAboutReturnValue = testCase.setReturnValue === undefined ? "" :
	`; setting returnValue to ${testCase.setReturnValue}`;

	async_test(t => {
	const iframe = document.createElement("iframe");
	iframe.onload = t.step_func(() => {
	iframe.contentWindow.runTest(t, testCase);
	if (++testCaseIndex < testCases.length)
	runNextTest();
	});

	iframe.src = "beforeunload-canceling-1.html";
	document.body.appendChild(iframe);
	}, `Returning ${testCase.valueToReturn} with a real iframe unloading${labelAboutReturnValue}`);
	}

	runNextTest();
	</script>