nolanlawson/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test event capture</title>
</head>
<body>

<h1>Test event capture</h1>

<pre id="display"></pre>
<script type="module">
    const tests = [
      undefined,
      null,
      0,
      1,
      "",
      "foo",
      true,
      false,
      {},
      [],
      { capture: true },
      { capture: false },
      { foobar: true }
    ]

    for (const test of tests) {
      let eventPhase
      const listener = (e) => {
        eventPhase = e.eventPhase
      }
      document.addEventListener('test', listener, test)
      document.body.dispatchEvent(new Event('test', { bubbles: true }))
      display.innerHTML += `Test: ${test === undefined ? 'undefined' : JSON.stringify(test)} - Captures: ${eventPhase === Event.CAPTURING_PHASE}\n`
      document.removeEventListener('test', listener, test)
    }
</script>

</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Test event capture</title>
	</head>
	<body>

	<h1>Test event capture</h1>

	<pre id="display"></pre>
	<script type="module">
	const tests = [
	undefined,
	null,
	0,
	1,
	"",
	"foo",
	true,
	false,
	{},
	[],
	{ capture: true },
	{ capture: false },
	{ foobar: true }
	]

	for (const test of tests) {
	let eventPhase
	const listener = (e) => {
	eventPhase = e.eventPhase
	}
	document.addEventListener('test', listener, test)
	document.body.dispatchEvent(new Event('test', { bubbles: true }))
	display.innerHTML += `Test: ${test === undefined ? 'undefined' : JSON.stringify(test)} - Captures: ${eventPhase === Event.CAPTURING_PHASE}\n`
	document.removeEventListener('test', listener, test)
	}
	</script>

	</body>
	</html>