<!DOCTYPE html>
<html>
<head>
<script src="../../../resources/js-test-pre.js"></script>
</head>
<body>
<script>

description("This tests the constructor for the CustomEvent DOM class.");

// No initializer passed.
shouldBe("new CustomEvent('eventType').bubbles", "false");
shouldBe("new CustomEvent('eventType').cancelable", "false");
shouldBeNull("new CustomEvent('eventType').detail");

// Bubbles and cancelable true, details is missing.
shouldBe("new CustomEvent('eventType', { bubbles: true, cancelable: true }).bubbles", "true");
shouldBe("new CustomEvent('eventType', { bubbles: true, cancelable: true }).cancelable", "true");
shouldBeNull("new CustomEvent('eventType', { bubbles: true, cancelable: true }).detail");

// Detail is a number
shouldBe("new CustomEvent('eventType', { detail: 10 }).detail", "10");

// Detail is a string
shouldBe("new CustomEvent('eventType', { detail: \'string\' }).detail", "'string'");

// Detail is an object
var detailObject = { };
shouldBe("new CustomEvent('eventType', { detail: detailObject }).detail", "detailObject");

// Detail is a DOM object
shouldBe("new CustomEvent('eventType', { detail: document }).detail", "document");

// Detail is undefined.
shouldBeNull("new CustomEvent('eventType', { detail: undefined }).detail");

// Detail is null.
shouldBeNull("new CustomEvent('eventType', { detail: null }).detail");

// Detail is a getter.
shouldBe("new CustomEvent('eventType', { get detail() { return true; } }).detail", "true");

// Detail throws an exeception.
shouldThrow("new CustomEvent('eventType', { get detail() { throw 'Custom Error'; } })");

// try initCustomEvent
var event = document.createEvent('CustomEvent');
event.initCustomEvent('eventType', true, false, detailObject);
shouldBe("event.detail", "detailObject");

</script>
<script src="../../../resources/js-test-post.js"></script>
</body>
</html>