| Index: LayoutTests/imported/web-platform-tests/custom-elements/instantiating-custom-elements/custom-element-type-is-attribute.html
|
| diff --git a/LayoutTests/imported/web-platform-tests/custom-elements/instantiating-custom-elements/custom-element-type-is-attribute.html b/LayoutTests/imported/web-platform-tests/custom-elements/instantiating-custom-elements/custom-element-type-is-attribute.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..5b56dd4d2ee34b5eee34311dae4844998d144dde
|
| --- /dev/null
|
| +++ b/LayoutTests/imported/web-platform-tests/custom-elements/instantiating-custom-elements/custom-element-type-is-attribute.html
|
| @@ -0,0 +1,74 @@
|
| +<!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>
|
| +<link rel="stylesheet" href="../../../../resources/testharness.css">
|
| +</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>
|
|
|