diff options
| author | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
|---|---|---|
| committer | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
| commit | 5f8de423f190bbb79a62f804151bc24824fa32d8 (patch) | |
| tree | 10027f336435511475e392454359edea8e25895d /testing/web-platform/tests/custom-elements/HTMLElement-constructor.html | |
| parent | 49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff) | |
| download | UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip | |
Add m-esr52 at 52.6.0
Diffstat (limited to 'testing/web-platform/tests/custom-elements/HTMLElement-constructor.html')
| -rw-r--r-- | testing/web-platform/tests/custom-elements/HTMLElement-constructor.html | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/testing/web-platform/tests/custom-elements/HTMLElement-constructor.html b/testing/web-platform/tests/custom-elements/HTMLElement-constructor.html new file mode 100644 index 000000000..1ed625f63 --- /dev/null +++ b/testing/web-platform/tests/custom-elements/HTMLElement-constructor.html @@ -0,0 +1,84 @@ +<!DOCTYPE html> +<html> +<head> +<title>Custom Elements: HTMLElement must allow subclassing</title> +<meta name="author" title="Ryosuke Niwa" href="mailto:rniwa@webkit.org"> +<meta name="assert" content="HTMLElement must allow subclassing"> +<link rel="help" href="https://html.spec.whatwg.org/#html-element-constructors"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +</head> +<body> +<div id="log"></div> +<script> + +test(function () { + customElements.define('html-custom-element', HTMLElement); + assert_throws({'name': 'TypeError'}, function () { new HTMLElement(); }); +}, 'HTMLElement constructor must throw a TypeError when NewTarget is equal to itself'); + +test(function () { + customElements.define('html-proxy-custom-element', new Proxy(HTMLElement, {})); + assert_throws({'name': 'TypeError'}, function () { new HTMLElement(); }); +}, 'HTMLElement constructor must throw a TypeError when NewTarget is equal to itself via a Proxy object'); + +test(function () { + class SomeCustomElement extends HTMLElement {}; + assert_throws({'name': 'TypeError'}, function () { new SomeCustomElement; }); +}, 'HTMLElement constructor must throw TypeError when it has not been defined by customElements.define'); + +test(function () { + class CustomElementWithInferredTagName extends HTMLElement {}; + customElements.define('inferred-name', CustomElementWithInferredTagName); + + var instance = new CustomElementWithInferredTagName; + assert_true(instance instanceof Element, 'A custom element must inherit from Element'); + assert_true(instance instanceof Node, 'A custom element must inherit from Node'); + assert_equals(instance.localName, 'inferred-name'); + assert_equals(instance.nodeName, 'INFERRED-NAME'); + assert_equals(instance.namespaceURI, 'http://www.w3.org/1999/xhtml', 'A custom HTML element must use HTML namespace'); + + document.body.appendChild(instance); + assert_equals(document.body.lastChild, instance, + 'document.body.appendChild must be able to insert a custom element'); + assert_equals(document.querySelector('inferred-name'), instance, + 'document.querySelector must be able to find a custom element by its tag name'); + +}, 'HTMLElement constructor must infer the tag name from the element interface'); + +test(function () { + class ConcreteCustomElement extends HTMLElement { }; + class SubCustomElement extends ConcreteCustomElement { }; + customElements.define('concrete-custom-element', ConcreteCustomElement); + customElements.define('sub-custom-element', SubCustomElement); + + var instance = new ConcreteCustomElement(); + assert_true(instance instanceof ConcreteCustomElement); + assert_false(instance instanceof SubCustomElement); + assert_equals(instance.localName, 'concrete-custom-element'); + assert_equals(instance.nodeName, 'CONCRETE-CUSTOM-ELEMENT'); + + var instance = new SubCustomElement(); + assert_true(instance instanceof ConcreteCustomElement); + assert_true(instance instanceof SubCustomElement); + assert_equals(instance.localName, 'sub-custom-element'); + assert_equals(instance.nodeName, 'SUB-CUSTOM-ELEMENT'); + +}, 'HTMLElement constructor must allow subclassing a custom element'); + +test(function () { + class AbstractCustomElement extends HTMLElement { }; + class ConcreteSubCustomElement extends AbstractCustomElement { }; + customElements.define('concrete-sub-custom-element', ConcreteSubCustomElement); + + var instance = new ConcreteSubCustomElement(); + assert_true(instance instanceof AbstractCustomElement); + assert_true(instance instanceof ConcreteSubCustomElement); + assert_equals(instance.localName, 'concrete-sub-custom-element'); + assert_equals(instance.nodeName, 'CONCRETE-SUB-CUSTOM-ELEMENT'); + +}, 'HTMLElement constructor must allow subclassing an user-defined subclass of HTMLElement'); + +</script> +</body> +</html> |