diff options
Diffstat (limited to 'testing/web-platform/tests/custom-elements/v0/instantiating/custom-element-type-is-attribute.html')
-rw-r--r-- | testing/web-platform/tests/custom-elements/v0/instantiating/custom-element-type-is-attribute.html | 73 |
1 files changed, 73 insertions, 0 deletions
diff --git a/testing/web-platform/tests/custom-elements/v0/instantiating/custom-element-type-is-attribute.html b/testing/web-platform/tests/custom-elements/v0/instantiating/custom-element-type-is-attribute.html new file mode 100644 index 000000000..c18290d0e --- /dev/null +++ b/testing/web-platform/tests/custom-elements/v0/instantiating/custom-element-type-is-attribute.html @@ -0,0 +1,73 @@ +<!DOCTYPE html> +<html> +<head> +<title>Instantiation of custom element: custom element type is given as the value of the IS attribute</title> +<meta name="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru"> +<meta name="author" title="Aleksei Yu. Semenov" href="mailto:a.semenov@unipro.ru"> +<meta name="assert" content="The custom element type is given to a custom element at the time of its instantation in one of the two ways: ... 2. As the value of the IS attribute of the custom element."> +<link rel="help" href="http://www.w3.org/TR/custom-elements/#instantiating-custom-elements"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="../testcommon.js"></script> +</head> +<body> +<div id="log"></div> +<script> +test(function() { + var doc = newHTMLDocument(); + HTML5_ELEMENTS.forEach(function(tagName) { + if (HTML5_DOCUMENT_ELEMENTS.indexOf(tagName) !== -1) { + return; + } + var obj = doc.createElement(tagName); + var name = 'x-a-' + tagName; + var proto = Object.create(obj.constructor.prototype); + var GeneratedConstructor = doc.registerElement(name, {prototype: proto, extends: tagName}); + + if (HTML5_TABLE_ELEMENTS.indexOf(tagName) !== -1) { + doc.body.innerHTML = + '<table>' + + '<' + tagName + ' id="custom-element" is="' + name + '"></' + tagName + '>' + + '</table>'; + } else { + doc.body.innerHTML = + '<' + tagName + ' id="custom-element" is="' + name + '"></' + tagName + '>'; + } + var customElement = doc.querySelector('#custom-element'); + assert_equals(Object.getPrototypeOf(customElement), GeneratedConstructor.prototype, + 'Custom element type should be the type, specified as value of IS attribute'); + }); +}, 'Instantiation of custom element: custom element type is given as the value of ' + + 'the IS attribute'); + + +test(function() { + var doc = newHTMLDocument(); + HTML5_ELEMENTS.forEach(function(tagName) { + if (HTML5_DOCUMENT_ELEMENTS.indexOf(tagName) !== -1) { + return; + } + var obj = doc.createElement(tagName); + var name = 'x-b-' + tagName; + if (HTML5_TABLE_ELEMENTS.indexOf(tagName) !== -1) { + doc.body.innerHTML = + '<table>' + + '<' + tagName + ' id="custom-element" is="' + name + '"></' + tagName + '>' + + '</table>'; + } else { + doc.body.innerHTML = + '<' + tagName + ' id="custom-element" is="' + name + '"></' + tagName + '>'; + } + var proto = Object.create(obj.constructor.prototype); + var GeneratedConstructor = doc.registerElement(name, {prototype: proto, extends: tagName}); + + var customElement = doc.querySelector('#custom-element'); + + assert_equals(Object.getPrototypeOf(customElement), GeneratedConstructor.prototype, + 'Custom element type should be the type, specified as value of IS attribute'); + }); +}, 'Instantiation of custom element: custom element type is given as the value ' + + 'of the IS attribute. Custom element is unresolved at first'); +</script> +</body> +</html> |