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/html/syntax/parsing/template | |
| 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/html/syntax/parsing/template')
19 files changed, 2030 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/syntax/parsing/template/additions-to-foster-parenting/template-is-a-foster-parent-element.html b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-foster-parenting/template-is-a-foster-parent-element.html new file mode 100644 index 000000000..6f6e7a725 --- /dev/null +++ b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-foster-parenting/template-is-a-foster-parent-element.html @@ -0,0 +1,63 @@ +<!DOCTYPE html> +<html> +<head> +<title>HTML Templates: Template is a foster parent element</title> +<meta name="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru"> +<meta name="assert" content="The last template element with either no table element is below it, or a table element immediately below it, in the stack of open elements is the foster parent element (NOT the template's parent!)"> +<link rel="help" href="http://www.w3.org/TR/2013/WD-html-templates-20130214/#foster-parent-addition"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/html/resources/common.js"></script> +</head> +<body> +<div id="log"></div> +<script type="text/javascript"> + + +test(function () { + var doc = newHTMLDocument(); + + doc.body.innerHTML = '' + + '<div id="tmplParent">' + + '<template id="tmpl1">' + + '<table id="tbl">' + + '<tr><td>Cell 1</td></tr>' + + // Misplaced <div>. It should be foster parented + '<div id="orphanDiv">Orphan div content</div>' + + '<tr><td>Cell 2</td></tr>' + + '</table>' + + '</template>' + + '</div>'; + + var template = doc.querySelector('#tmpl1'); + var div = template.content.querySelector('#orphanDiv'); + + assert_equals(div.parentNode, template.content, 'Wrong foster parent element'); + +}, 'Template is a foster parent element. Test <table> immediately below <template>'); + + + +test(function () { + var doc = newHTMLDocument(); + + doc.body.innerHTML = '' + + '<div id="tmplParent">' + + '<template id="tmpl1">' + + '<tr><td>Cell 1</td></tr>' + + // Misplaced <div>. It should be foster parented + '<div id="orphanDiv">Orphan div content</div>' + + '<tr><td>Cell 2</td></tr>' + + '</template>' + + '</div>'; + + var template = doc.querySelector('#tmpl1'); + var div = template.content.querySelector('#orphanDiv'); + + assert_equals(div.parentNode, template.content, 'Wrong foster parent element'); + +}, 'Template is a foster parent element. Test <template> element without <table>'); + +</script> +</body> +</html> diff --git a/testing/web-platform/tests/html/syntax/parsing/template/additions-to-foster-parenting/template-is-not-a-foster-parent-element.html b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-foster-parenting/template-is-not-a-foster-parent-element.html new file mode 100644 index 000000000..677dfaf3e --- /dev/null +++ b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-foster-parenting/template-is-not-a-foster-parent-element.html @@ -0,0 +1,70 @@ +<!DOCTYPE html> +<html> +<head> +<title>HTML Templates: Template is not a foster parent element</title> +<meta name="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru"> +<meta name="assert" content="When template element shouldn't be a foster parent then regular rules of foster parenting should be applied"> +<link rel="help" href="http://www.w3.org/TR/2013/WD-html-templates-20130214/#foster-parent-addition"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/html/resources/common.js"></script> +</head> +<body> +<div id="log"></div> +<script type="text/javascript"> + + +test(function () { + var doc = newHTMLDocument(); + + doc.body.innerHTML = '' + + '<div id="tmplParent">' + + '<template id="tmpl1">' + + '<div id="fosterParent">' + + '<table id="tbl">' + + '<tr><td>Cell 1</td></tr>' + + // Misplaced <div>. It should be foster parented + '<div id="orphanDiv">Orphan div content</div>' + + '<tr><td>Cell 2</td></tr>' + + '</table>' + + '</div>' + + '</template>' + + '</div>'; + + var template = doc.querySelector('#tmpl1'); + var fosterParent = template.content.querySelector('#fosterParent'); + var div = template.content.querySelector('#orphanDiv'); + + assert_equals(div.parentNode, fosterParent, 'Wrong foster parent element'); + +}, 'Template is not a foster parent element. ' + + 'Test the case when <template> is higher in stack of open elements'); + + + +test(function () { + var doc = newHTMLDocument(); + + doc.body.innerHTML = '' + + '<div id="fosterParent">' + + '<table id="tbl">' + + '<tr><td><template id="tmpl1">Template content</template></td></tr>' + + // Misplaced <div>. It should be foster parented + '<div id="orphanDiv">Orphan div content</div>' + + '<tr><td>Cell 2</td></tr>' + + '</table>' + + '</div>' + + '</div>'; + + var t = doc.querySelector('#tmpl1'); + var fosterParent = doc.querySelector('#fosterParent'); + var div = doc.querySelector('#orphanDiv'); + + assert_equals(div.parentNode, fosterParent, 'Wrong foster parent element'); + +}, 'Template is not a foster parent element. ' + + 'Test the case when <template> is lower in stack of open elements'); + +</script> +</body> +</html> diff --git a/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/generating-of-implied-end-tags.html b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/generating-of-implied-end-tags.html new file mode 100644 index 000000000..6edce84ef --- /dev/null +++ b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/generating-of-implied-end-tags.html @@ -0,0 +1,136 @@ +<!DOCTYPE html> +<html> +<head> +<title>HTML Templates: 'In body' insertion mode: when template end tag is met, implied end tags should be generated</title> +<meta name="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru"> +<meta name="author" title="Aleksei Yu. Semenov" href="a.semenov@unipro.ru"> +<meta name="assert" content="'In body' insertion mode: when template end tag is met, implied end tags should be generated"> +<link rel="help" href="http://www.w3.org/TR/2013/WD-html-templates-20130214/#in-body-addition"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/html/resources/common.js"></script> +</head> +<body> +<div id="log"></div> +<script type="text/javascript"> + + +test(function () { + var doc = newHTMLDocument(); + + //No end </td></tr></table> tags. Should be added implicitly + doc.body.innerHTML = '<template id="tpl">' + + '<table id="tbl"><tr id="tr"><td id="td"></template>'; + + var template = doc.querySelector('#tpl'); + + assert_not_equals(template, null, 'Template element must be parsed'); + + assert_equals(doc.querySelector('#tbl'), null, 'Table element should not be available'); + assert_equals(doc.querySelector('#tr'), null, 'TR element should not be available'); + assert_equals(doc.querySelector('#td'), null, 'TD element should not be available'); + + assert_not_equals(template.content.querySelector('#tbl'), null, + 'Template should contain table element'); + assert_not_equals(template.content.querySelector('#tr'), null, + 'Template should contain TR element'); + assert_not_equals(template.content.querySelector('#td'), null, + 'Template should contain TD element'); + +}, 'Generating of implied end tags. Test table elements'); + + + +test(function () { + var doc = newHTMLDocument(); + + //No end </div> tag. Should be added implicitly + doc.body.innerHTML = '<template id="tpl"><div id="dv">Div content</template>'; + + var template = doc.querySelector('#tpl'); + + assert_not_equals(template, null, 'Template element must be parsed'); + + assert_equals(doc.querySelector('#dv'), null, 'DIV element should not be available'); + + assert_not_equals(template.content.querySelector('#dv'), null, + 'Template should contain DIV element'); + +}, 'Generating of implied end tags. Test div element'); + + +test(function () { + var doc = newHTMLDocument(); + + //No end </div> tag. Should be added implicitly after text content + doc.body.innerHTML = '<template id="tpl">Template text<div id="dv">Div content</template>'; + + var template = doc.querySelector('#tpl'); + + assert_not_equals(template, null, 'Template element must be parsed'); + + assert_equals(doc.querySelector('#dv'), null, 'DIV element should not be available'); + + var div = template.content.querySelector('#dv'); + + assert_not_equals( div, null, 'Template should contain DIV element'); + assert_equals(div.textContent, 'Div content', 'Wrong template content inner text'); + +}, 'Generating of implied end tags. Test some text and DIV element'); + + +test(function () { + var doc = newHTMLDocument(); + + // Wrong end tag. Correct end tag must be added implicitly, wrong one ignored + doc.body.innerHTML = '<template id="tpl"><div id="dv">Div content</span></template>'; + + var template = doc.querySelector('#tpl'); + + assert_not_equals(template, null, 'Template element must be parsed'); + + assert_equals(template.content.childNodes.length, 1, + 'Wrong number of template\'s children'); + + assert_equals(doc.querySelector('#dv'), null, 'DIV element should not be available'); + + assert_not_equals(template.content.querySelector('#dv'), null, + 'Template should contain DIV element'); + assert_equals(template.content.querySelector('#dv').textContent, + 'Div content', 'Wrong template content inner text'); + +}, 'Generating of implied end tags. Test wrong end tag'); + + +testInIFrame('/html/semantics/scripting-1/the-template-element/resources/template-contents-table-no-end-tag.html', function(context) { + var doc = context.iframes[0].contentDocument; + + var template = doc.body.querySelector('template'); + + assert_not_equals(template, null, 'Template element must be parsed'); + + assert_not_equals(template.content.querySelector('table'), null, + 'Template should contain table element'); + assert_not_equals(template.content.querySelector('tr'), null, + 'Template should contain TR element'); + assert_not_equals(template.content.querySelector('td'), null, + 'Template should contain TD element'); + +}, 'Generating of implied end tags. Test table elements. Loading of HTML document from a file'); + + +testInIFrame('/html/semantics/scripting-1/the-template-element/resources/template-contents-div-no-end-tag.html', function(context) { + var doc = context.iframes[0].contentDocument; + + var template = doc.body.querySelector('template'); + + assert_not_equals(template, null, 'Template element must be parsed'); + + var div = template.content.querySelector('div'); + assert_not_equals(div, null, 'Template should contain div element'); + assert_equals(div.textContent, 'Hello, template\n ', 'Invalid div contents'); + +}, 'Generating of implied end tags. Test div element. Loading of HTML document from a file'); +</script> +</body> +</html> diff --git a/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/ignore-body-token.html b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/ignore-body-token.html new file mode 100644 index 000000000..4549f5fec --- /dev/null +++ b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/ignore-body-token.html @@ -0,0 +1,132 @@ +<!DOCTYPE html> +<html> +<head> +<title>HTML Templates: In body insertion mode: parser should ignore BODY token</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="http://www.w3.org/TR/2013/WD-html-templates-20130214/#in-body-addition"> +<link rel="help" href="http://www.w3.org/TR/2013/WD-html-templates-20130214/#in-body-addition"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/html/resources/common.js"></script> +</head> +<body> +<div id="log"></div> +<script type="text/javascript"> + +/* + * According to http://www.w3.org/TR/2013/WD-html-templates-20130214/#template-contents-insertion-mode + * when parser is in "template content" mode and meets <body> tag it should be switched to + * "in body" insertion mode. + * According to http://www.w3.org/TR/2013/WD-html-templates-20130214/#in-body-addition + * this token (BODY) should be ignored + */ + + +test(function() { + var doc = newHTMLDocument(); + var template = doc.createElement('template'); + + template.innerHTML = '<body></body>'; + + doc.body.appendChild(template); + + assert_equals(template.content.childNodes.length, 0, + 'Template cannot contain BODY element'); + +}, 'Ignore BODY token. Test empty BODY element assigned to template innerHTML'); + + +test(function() { + var doc = newHTMLDocument(); + var template = doc.createElement('template'); + + template.innerHTML = '<body><div>Some content</div></body>'; + + doc.body.appendChild(template); + + assert_equals(template.content.childNodes.length, 1, + 'Wrong number of template content children'); + assert_equals(template.content.firstChild.nodeName, 'DIV', + 'Template should contain children of ignored BODY element'); + +}, 'Ignore BODY token. Test not empty BODY element assigned to template innerHTML'); + + +test(function() { + var doc = newHTMLDocument(); + var template = doc.createElement('template'); + + template.innerHTML = '<body><div <div id="div1">Some content</div></body><div id="div2">Some valid content</div>'; + + doc.body.appendChild(template); + + assert_equals(template.content.childNodes.length, 2, + 'Wrong number of template content children'); + assert_not_equals(template.content.querySelector('#div1'), null, + 'Template should contain children of the ignored BODY element'); + assert_not_equals(template.content.querySelector('#div2'), null, + 'Template should contain valid element'); + +}, 'Ignore BODY token. ' + + 'Test BODY element and some valid element after BODY tag assigned to template innerHTML'); + + +test(function() { + var doc = newHTMLDocument(); + var template = doc.createElement('template'); + + template.innerHTML = '<div id="div1">Some valid content</div><body><div id="div2">Some content</div></body>'; + + doc.body.appendChild(template); + + assert_equals(template.content.childNodes.length, 2, + 'Template cannot contain BODY element'); + assert_not_equals(template.content.querySelector('#div1'), null, + 'Template should contain valid element'); + assert_not_equals(template.content.querySelector('#div2'), null, + 'Template should contain children of the ignored BODY element'); + +}, 'Ignore BODY token. ' + + 'Test BODY element and some valid element before BODY tag assigned to template innerHTML'); + + +test(function() { + var doc = newHTMLDocument(); + var template = doc.createElement('template'); + + template.innerHTML = '<template id="t2"><body><span>Body!<span></body></template>'; + + doc.body.appendChild(template); + + assert_equals(template.content.childNodes.length, 1, + 'Template should contain nested template'); + assert_not_equals(template.content.querySelector('#t2'), null, + 'Template should contain nested element'); + + var nestedTemplate = template.content.querySelector('#t2'); + + assert_equals(nestedTemplate.content.childNodes.length, 1, + 'Template cannot contain BODY element'); + assert_equals(nestedTemplate.content.firstChild.nodeName, 'SPAN', + 'Template cannot contain BODY element'); + +}, 'Ignore BODY token. ' + + 'Test template with not empty BODY element inside assigned to another ' + + 'template\'s innerHTML'); + + +testInIFrame('/html/semantics/scripting-1/the-template-element/resources/template-contents-body.html', function(context) { + var doc = context.iframes[0].contentDocument; + + var template = doc.body.querySelector('template'); + + assert_equals(template.content.childNodes.length, 0, + 'Template cannot contain BODY element'); + +}, 'Ignore BODY token. ' + + 'Test loading a HTML file with BODY tag inside template'); + +</script> +</body> +</html> diff --git a/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/ignore-frameset-token.html b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/ignore-frameset-token.html new file mode 100644 index 000000000..121115075 --- /dev/null +++ b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/ignore-frameset-token.html @@ -0,0 +1,125 @@ +<!DOCTYPE html> +<html> +<head> +<title>HTML Templates: In body insertion mode: parser should ignore FRAMESET token</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="If parser is in 'in body' insertion mode and meets HTML token it should be ignored"> +<link rel="help" href="http://www.w3.org/TR/2013/WD-html-templates-20130214/#in-body-addition"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/html/resources/common.js"></script> +</head> +<body> +<div id="log"></div> +<script type="text/javascript"> + +/* + * According to http://www.w3.org/TR/2013/WD-html-templates-20130214/#template-contents-insertion-mode + * when parser is in "template content" mode and meets <frameset> tag it should be switched to + * "in body" insertion mode. + * According to https://html.spec.whatwg.org/multipage/#parsing-main-inbody + * this token (FRAMESET) should be ignored + */ + +test(function() { + var doc = newHTMLDocument(); + var template = doc.createElement('template'); + + template.innerHTML = '<frameset cols="25%,*,25%">' + + '<frame src="frame_a.htm">' + + '<frame src="frame_b.htm">' + '<frame src="frame_c.htm">' + + '</frameset>'; + + doc.body.appendChild(template); + + assert_equals(template.content.childNodes.length, 0, + 'Template cannot contain FRAMESET element'); + +}, 'Ignore frameset token. Test FRAMESET element assigned to template innerHTML'); + + +test(function() { + var doc = newHTMLDocument(); + var template = doc.createElement('template'); + + template.innerHTML = '<div id="div1">Some text</div>' + + '<frameset cols="25%,*,25%">' + + '<frame src="frame_a.htm">' + + '<frame src="frame_b.htm">' + + '<frame src="frame_c.htm">' + + '</frameset>'; + + doc.body.appendChild(template); + + assert_equals(template.content.childNodes.length, 1, + 'Template cannot contain FRAMESET element'); + assert_not_equals(template.content.querySelector('#div1'), null, + 'Template should contain valid element'); + +}, 'Ignore frameset token. ' + + 'Test FRAMESET element and some valid element before it, assigned ' + + 'to the template\'s innerHTML'); + + +test(function() { + var doc = newHTMLDocument(); + var template = doc.createElement('template'); + + template.innerHTML = '<frameset cols="25%,*,25%">' + + '<frame src="frame_a.htm">' + + '<frame src="frame_b.htm">' + + '<frame src="frame_c.htm">' + + '</frameset><div id="div1">Some text</div>'; + + doc.body.appendChild(template); + + assert_equals(template.content.childNodes.length, 1, + 'Template cannot contain FRAMESET element'); + assert_not_equals(template.content.querySelector('#div1'), null, + 'Template should contain valid element'); + +}, 'Ignore frameset token. ' + + 'Test FRAMESET element and some valid element after it, assigned ' + + 'to the template\'s innerHTML'); + + +test(function() { + var doc = newHTMLDocument(); + var template = doc.createElement('template'); + + template.innerHTML = '<template id="t2">' + + '<frameset cols="25%,*,25%">' + + '<frame src="frame_a.htm">' + + '<frame src="frame_b.htm">' + + '<frame src="frame_c.htm">' + + '</frameset></template>'; + + doc.body.appendChild(template); + + assert_equals(template.content.childNodes.length, 1, + 'Template should contain nested template'); + assert_not_equals(template.content.querySelector('#t2'), null, + 'Template should contain nested element'); + + var nestedTemplate = template.content.querySelector('#t2'); + + assert_equals(nestedTemplate.content.childNodes.length, 0, + 'Template cannot contain FRAMESET element'); + +}, 'Ignore frameset token. ' + + 'Test FRAMESET tag inside template tag assigned to another template\'s innerHTML'); + + +testInIFrame('/html/semantics/scripting-1/the-template-element/resources/template-contents-frameset.html', function(context) { + var doc = context.iframes[0].contentDocument; + + var template = doc.body.querySelector('template'); + + assert_equals(template.content.childNodes.length, 0, + 'Template cannot contain FRAMESET element'); +}, 'Ignore frameset token. Test loading a HTML file with FRAMESET tag inside template'); + +</script> +</body> +</html> diff --git a/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/ignore-head-token.html b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/ignore-head-token.html new file mode 100644 index 000000000..9b14df917 --- /dev/null +++ b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/ignore-head-token.html @@ -0,0 +1,129 @@ +<!DOCTYPE html> +<html> +<head> +<title>HTML Templates: In body insertion mode: parser should ignore HEAD token</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="If parser is in 'in body' insertion mode and meets HEAD token it should be ignored"> +<link rel="help" href="http://www.w3.org/TR/2013/WD-html-templates-20130214/#in-body-addition"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/html/resources/common.js"></script> +</head> +<body> +<div id="log"></div> +<script type="text/javascript"> + +/* + * According to http://www.w3.org/TR/2013/WD-html-templates-20130214/#template-contents-insertion-mode + * when parser is in "template content" mode and meets <head> tag it should be switched to + * "in body" insertion mode. + * According to https://html.spec.whatwg.org/multipage/#parsing-main-inbody + * this token (HEAD) should be ignored + */ + +test(function() { + var doc = newHTMLDocument(); + var template = doc.createElement('template'); + + template.innerHTML = '<head></head>'; + + doc.body.appendChild(template); + + assert_equals(template.content.childNodes.length, 0, + 'Template cannot contain HEAD element'); + +}, 'Ignore HEAD token. Test empty HEAD element assigned to template innerHTML'); + + +test(function() { + var doc = newHTMLDocument(); + var template = doc.createElement('template'); + + template.innerHTML = '<head><title>test</title></head>'; + + doc.body.appendChild(template); + + assert_equals(template.content.childNodes.length, 1, + 'Wrong number of template content children'); + assert_equals(template.content.firstChild.nodeName, 'TITLE', + 'Template should contain children of ignored HEAD element'); + +}, 'Ignore HEAD token. Test not empty HEAD element assigned to template innerHTML'); + + +test(function() { + var doc = newHTMLDocument(); + var template = doc.createElement('template'); + + template.innerHTML = '<div id="div1">Some text</div><head><title>test</title></head>'; + + doc.body.appendChild(template); + + assert_equals(template.content.childNodes.length, 2, + 'Wrong number of template content children'); + assert_not_equals(template.content.querySelector('#div1'), null, + 'Template should contain valid element'); + assert_equals(template.content.lastChild.tagName, 'TITLE', + 'Template should contain children of ignored HEAD element'); + +}, 'Ignore HEAD token. ' + + 'Test HEAD element and some valid element before it, assigned to template innerHTML'); + + +test(function() { + var doc = newHTMLDocument(); + var template = doc.createElement('template'); + + template.innerHTML = '<head><title>test</title></head><div id="div1">Some text</div>'; + + doc.body.appendChild(template); + + assert_equals(template.content.childNodes.length, 2, + 'Wrong number of template content children'); + assert_equals(template.content.firstChild.tagName, 'TITLE', + 'Template should contain children of ignored HEAD element'); + assert_not_equals(template.content.querySelector('#div1'), null, + 'Template should contain valid element'); + +}, 'Ignore HEAD token. ' + + 'Test HEAD element and some valid element after it, assigned to template innerHTML'); + + +test(function() { + var doc = newHTMLDocument(); + var template = doc.createElement('template'); + + template.innerHTML = '<template id="t2"><head><title>test</title></head></template>'; + + doc.body.appendChild(template); + + assert_equals(template.content.childNodes.length, 1, + 'Template should contain nested template'); + assert_not_equals(template.content.querySelector('#t2'), null, + 'Template should contain nested element'); + + var nestedTemplate = template.content.querySelector('#t2'); + + assert_equals(nestedTemplate.content.childNodes.length, 1, + 'Wrong number of template content children'); + assert_equals(nestedTemplate.content.firstChild.tagName, 'TITLE', + 'Template should contain children of ignored HEAD element'); + +}, 'Ignore HEAD token. ' + + 'Test HEAD tag inside template tag assigned to another template\'s innerHTML'); + + +testInIFrame('/html/semantics/scripting-1/the-template-element/resources/template-contents-head.html', function(context) { + var doc = context.iframes[0].contentDocument; + + var template = doc.body.querySelector('template'); + + assert_equals(template.content.childNodes.length, 0, + 'Template cannot contain HEAD element'); + +}, 'Ignore HEAD token. Test loading a HTML file with HEAD tag inside template'); + +</script> +</body> +</html> diff --git a/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/ignore-html-token.html b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/ignore-html-token.html new file mode 100644 index 000000000..5c53be842 --- /dev/null +++ b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/ignore-html-token.html @@ -0,0 +1,158 @@ +<!DOCTYPE html> +<html> +<head> +<title>HTML Templates: In body insertion mode: parser should ignore HTML token</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="If parser is in 'in body' insertion mode and meets HTML token it should be ignored"> +<link rel="help" href="http://www.w3.org/TR/2013/WD-html-templates-20130214/#in-body-addition"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/html/resources/common.js"></script> +</head> +<body> +<div id="log"></div> +<script type="text/javascript"> + +/* + * According to http://www.w3.org/TR/2013/WD-html-templates-20130214/#template-contents-insertion-mode + * when parser is in "template content" mode and meets <html> tag it should be switched to + * "in body" insertion mode. + * According to https://html.spec.whatwg.org/multipage/#parsing-main-inbody + * this token (HTML) should be ignored + */ + +test(function() { + var doc = newHTMLDocument(); + var template = doc.createElement('template'); + + template.innerHTML = '<html><body></body></html>'; + + doc.body.appendChild(template); + + assert_equals(template.content.childNodes.length, 0, + 'Template cannot contain HTML element'); + +}, 'Ignore HTML token. Test HTML element assigned to template innerHTML'); + + +test(function() { + var doc = newHTMLDocument(); + var template = doc.createElement('template'); + + template.innerHTML = '<div id="div1">Some text</div><html><body></body></html>'; + + doc.body.appendChild(template); + + assert_equals(template.content.childNodes.length, 1, + 'Template cannot contain HTML element'); + assert_not_equals(template.content.querySelector('#div1'), null, + 'Template should contain valid element'); + +}, 'Ignore HTML token.' + + 'Test HTML element and some valid element before it, assigned to template innerHTML'); + + +test(function() { + var doc = newHTMLDocument(); + var template = doc.createElement('template'); + + template.innerHTML = '<html><body></body></html><div id="div1">Some text</div>'; + + doc.body.appendChild(template); + + assert_equals(template.content.childNodes.length, 1, + 'Template cannot contain HTML element'); + assert_not_equals(template.content.querySelector('#div1'), null, + 'Template should contain valid element'); + +}, 'Ignore HTML token. ' + + 'Test HEAD element and some valid element after it, assigned to template innerHTML'); + + +test(function() { + var doc = newHTMLDocument(); + var template = doc.createElement('template'); + + template.innerHTML = '<template id="t2"><html><body></body></html></template>'; + + doc.body.appendChild(template); + + assert_equals(template.content.childNodes.length, 1, + 'Template should contain nested template'); + assert_not_equals(template.content.querySelector('#t2'), null, + 'Template should contain nested element'); + + var nestedTemplate = template.content.querySelector('#t2'); + + assert_equals(nestedTemplate.content.childNodes.length, 0, + 'Template cannot contain HTML element'); + +}, 'Ignore HTML token. ' + + 'Test HTML tag inside template tag assigned to another template\'s innerHTML'); + + +test(function() { + var doc = newHTMLDocument(); + var template = doc.createElement('template'); + + template.innerHTML = '<html><div id="div1">Some text</div></html>'; + + doc.body.appendChild(template); + + assert_equals(template.content.childNodes.length, 1, + 'Template cannot contain HTML element'); + assert_not_equals(template.content.querySelector('#div1'), null, + 'Template should contain a valid element'); + +}, 'Ignore HTML token. Test some valid element inside HTML element'); + + +test(function() { + var doc = newHTMLDocument(); + var template = doc.createElement('template'); + + template.innerHTML = '<html><body><div id="div1">Some text</div><body></html>'; + + doc.body.appendChild(template); + + assert_equals(template.content.childNodes.length, 1, + 'Template cannot contain HTML element'); + assert_not_equals(template.content.querySelector('#div1'), null, + 'Template should contain valid element'); + +}, 'Ignore HTML token. Test valid element inside HTML and BODY elements'); + + +test(function() { + var doc = newHTMLDocument(); + var template = doc.createElement('template'); + + template.innerHTML = '<html><span id="span1">Span</span><body><div id="div1">Some text</div><body></html>'; + + doc.body.appendChild(template); + + assert_equals(template.content.childNodes.length, 2, + 'Template cannot contain HTML element'); + assert_not_equals(template.content.querySelector('#div1'), null, + 'Template should contain valid DIV element'); + + assert_not_equals(template.content.querySelector('#span1'), null, + 'Template should contain valid SPAN element'); + +}, 'Ignore HTML token. Test valid element inside and between HTML and BODY elements'); + + +testInIFrame('/html/semantics/scripting-1/the-template-element/resources/template-contents-html.html', function(context) { + var doc = context.iframes[0].contentDocument; + + var template = doc.body.querySelector('template'); + + assert_equals(template.content.childNodes.length, 0, + 'Template cannot contain HTML element'); + +}, 'Ignore HTML token. Test loading a HTML file with HTML tag inside template'); + +</script> +</body> +</html> diff --git a/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/start-tag-body.html b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/start-tag-body.html new file mode 100644 index 000000000..738c86106 --- /dev/null +++ b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/start-tag-body.html @@ -0,0 +1,97 @@ +<!DOCTYPE html> +<html> +<head> +<title>HTML Templates: In body insertion mode: Template contains a start tag whose tag name is body</title> +<meta name="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru"> +<meta name="assert" content="If the stack of open elements has a template element in html scope then ignore <body> the token. (fragment or template contents case)"> +<link rel="help" href="http://www.w3.org/TR/2013/WD-html-templates-20130214/#in-body-addition"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/html/resources/common.js"></script> +</head> +<body> +<div id="log"></div> +<script type="text/javascript"> + + +test(function () { + var doc = newHTMLDocument(); + + doc.body.innerHTML = '<template id="tmpl"><body></template>'; + + var template = doc.querySelector('#tmpl'); + + assert_equals(template.content.childNodes.length, 0, 'Element must be ignored'); + +}, 'In body insertion mode: Template contains a start tag whose tag name is body.' + + 'Test <body> tag only'); + + + +test(function () { + var doc = newHTMLDocument(); + + doc.body.innerHTML = '<template id="tmpl"><body>Body text content</body></template>'; + + var template = doc.querySelector('#tmpl'); + + assert_equals(template.content.querySelector('body'), null, + '<body> element must be ignored'); + assert_equals(template.content.childNodes.length, 1, 'Text shouldn\'t be ignored'); + assert_equals(template.content.firstChild.nodeType, Node.TEXT_NODE, + 'Text shouldn\'t be ignored'); + +}, 'In body insertion mode: Template contains a start tag whose tag name is body. ' + + 'Test <body> tag containing some text'); + + + +test(function () { + var doc = newHTMLDocument(); + + doc.body.innerHTML = '<template id="tmpl"><body>' + + '<div id="div1">DIV 1</div>' + + '<div id="div2">DIV 2</div>' + + '</body></template>'; + + var template = doc.querySelector('#tmpl'); + + assert_equals(template.content.querySelector('body'), null, + '<body> element must be ignored'); + assert_equals(template.content.childNodes.length, 2, + 'Only body tag should be ignored'); + assert_not_equals(template.content.querySelector('#div1'), null, + 'Children of <body tag shouldn\'t be ignored'); + assert_not_equals(template.content.querySelector('#div2'), null, + 'Children of <body tag shouldn\'t be ignored'); + +}, 'In body insertion mode: Template contains a start tag whose tag name is body. ' + + 'Test <body> tag containing some other elements'); + + + +test(function () { + var doc = newHTMLDocument(); + + doc.body.innerHTML = '<template id="tmpl1"><template id="tmpl2"><body>' + + '<div id="div1">DIV 1</div>' + + '<div id="div2">DIV 2</div>' + + '</body></template></template>'; + + var template = doc.querySelector('#tmpl1').content.querySelector('#tmpl2'); + + assert_equals(template.content.querySelector('body'), null, + '<body> element must be ignored'); + assert_equals(template.content.childNodes.length, 2, + 'Only body tag should be ignored'); + assert_not_equals(template.content.querySelector('#div1'), null, + 'Children of <body tag shouldn\'t be ignored'); + assert_not_equals(template.content.querySelector('#div2'), null, + 'Children of <body tag shouldn\'t be ignored'); + +}, 'In body insertion mode: Template contains a start tag whose tag name is body. ' + + 'Test nested template tag containing <body> tag with some other elements'); + +</script> +</body> +</html> diff --git a/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/start-tag-html.html b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/start-tag-html.html new file mode 100644 index 000000000..33c43cd50 --- /dev/null +++ b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/start-tag-html.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html> +<head> +<title>HTML Templates: In body insertion mode: A start tag whose tag name is html</title> +<meta name="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru"> +<meta name="assert" content="If HTML parser is in 'in body' insertion mode and meets HTML start tag, then for each attribute on the token, check to see if the attribute is already present on the top element of the stack of open elements. If it is not, add the attribute and its corresponding value to that element"> +<link rel="help" href="http://www.w3.org/TR/2013/WD-html-templates-20130214/#in-body-addition"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/html/resources/common.js"></script> +</head> +<body> +<div id="log"></div> +<script type="text/javascript"> + +// test <template><html class="htmlClass"></html></template><html id="htmlId" tabindex="5"> +// id attribute should be added to root <html> element +// tabindex attribute should not be modified +//class attribute should be ignored +testInIFrame('/html/semantics/scripting-1/the-template-element/resources/html-start-tag.html', function(context) { + var doc = context.iframes[0].contentDocument; + + var template = doc.body.querySelector('template'); + + var html = doc.documentElement; + + assert_equals(html.getAttribute('tabindex'), '5', 'Attribute should be accessible'); + assert_equals(html.getAttribute('id'), 'htmlId', + 'Attribute \'id\' should be added and accessible'); + assert_false(html.hasAttribute('class'), 'Attribute \'class\' should be ignored'); + assert_equals(template.content.childNodes.length, 0, 'Template should not contain HTML element'); + + +}, 'In body insertion mode: html start tag should add only absent attributes'); + +</script> +</body> +</html> diff --git a/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/template-end-tag-without-start-one.html b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/template-end-tag-without-start-one.html new file mode 100644 index 000000000..ca124ee79 --- /dev/null +++ b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-body-insertion-mode/template-end-tag-without-start-one.html @@ -0,0 +1,102 @@ +<!DOCTYPE html> +<html> +<head> +<title>HTML Templates: 'In body' insertion mode: Template end tag without start one. Element should be ignored</title> +<meta name="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru"> +<meta name="author" title="Aleksei Yu. Semenov" href="a.semenov@unipro.ru"> +<meta name="assert" content="If parser in 'in body' insertion mode meets template end tag and if the stack of open elements has no template element in html scope, then this is a parse error; ignore the token"> +<link rel="help" href="http://www.w3.org/TR/2013/WD-html-templates-20130214/#in-body-addition"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/html/resources/common.js"></script> +</head> +<body> +<div id="log"></div> +<script type="text/javascript"> + + +test(function () { + var doc = newHTMLDocument(); + + doc.body.innerHTML = '</template>'; + + assert_equals(doc.body.childNodes.length, 0, 'Element must be ignored'); + +}, '</template> tag in HTML body without start one should be ignored'); + + + +test(function () { + var doc = newHTMLDocument(); + + doc.body.innerHTML = '<template id="tmpl"></template></template>'; + + assert_equals(doc.body.childNodes.length, 1, 'Element must be ignored'); + assert_not_equals(doc.querySelector('#tmpl'), null, + 'Element should present it document body'); + +}, '</template> tag in HTML body without start one should be ignored. ' + + 'Test valid <template> element and </template> tag after it'); + + + +test(function () { + var doc = newHTMLDocument(); + + doc.body.innerHTML = '</template><template id="tmpl"></template>'; + + assert_equals(doc.body.childNodes.length, 1, 'Element must be ignored'); + assert_not_equals(doc.querySelector('#tmpl'), null, + 'Element should present it document body'); + +}, '</template> tag in HTML body without start one should be ignored. ' + + 'Test valid <template> element and </template> tag before it'); + + + +test(function () { + var doc = newHTMLDocument(); + + doc.body.innerHTML = '</template><template id="tmpl"></template><title></title>'; + + assert_equals(doc.body.childNodes.length, 2, 'Element must be ignored'); + assert_not_equals(doc.querySelector('#tmpl'), null, + 'Valid element should present it document body'); + assert_not_equals(doc.querySelector('title'), null, + 'Valid title element should present it document body'); + +}, '</template> tag in HTML body without start one should be ignored. ' + + 'Test valid <template> element, <title> element and </template> tag before them'); + + + +test(function () { + var doc = newHTMLDocument(); + + doc.body.innerHTML = '<template id="tmpl"></template><title></title></template>'; + + assert_equals(doc.body.childNodes.length, 2, 'Element must be ignored'); + assert_not_equals(doc.querySelector('#tmpl'), null, + 'Valid element should present it document body'); + assert_not_equals(doc.querySelector('title'), null, + 'Valid title element should present it document body'); + +}, '</template> tag in HTML body without start one should be ignored. ' + + 'Test valid <template> element, <title> element and </template> tag after them'); + + +testInIFrame('/html/semantics/scripting-1/the-template-element/resources/end-template-tag-in-body.html', function(context) { + var doc = context.iframes[0].contentDocument; + + assert_equals(doc.body.querySelector('template'), null, + '</template> must be ignored'); + assert_not_equals(doc.body.querySelector('div'), null, + 'Valid element should present it document body'); + +}, '</template> tag in HTML body without start one should be ignored. ' + + 'Test HTML document loaded from file'); + + +</script> +</body> +</html> diff --git a/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-frameset-insertion-mode/end-tag-frameset.html b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-frameset-insertion-mode/end-tag-frameset.html new file mode 100644 index 000000000..f03f5a30b --- /dev/null +++ b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-frameset-insertion-mode/end-tag-frameset.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<html> +<head> +<title>HTML Templates: additions to 'in frameset' insertion mode</title> +<meta name="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru"> +<meta name="assert" content="If parser is in 'in frameset' insertion mode then a start tag or an end tag whose name is 'template' is a parsing error"> +<link rel="help" href="https://www.w3.org/TR/2015/WD-html51-20151008/syntax.html#parsing-main-inframeset"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/html/resources/common.js"></script> +</head> +<body> +<div id="log"></div> +<script type="text/javascript"> + +testInIFrame('/html/semantics/scripting-1/the-template-element/resources/frameset-end-tag.html', function(context) { + var doc = context.iframes[0].contentDocument; + + var frameset = doc.querySelector('frameset'); + assert_equals(frameset.children.length, 0, 'Wrong number of frameset children elements'); + +}, '<template> tag should be ignored in "in frameset" insertion mode'); + +</script> +</body> +</html> diff --git a/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-head-insertion-mode/generating-of-implied-end-tags.html b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-head-insertion-mode/generating-of-implied-end-tags.html new file mode 100644 index 000000000..2f7e6f63c --- /dev/null +++ b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-head-insertion-mode/generating-of-implied-end-tags.html @@ -0,0 +1,137 @@ +<!DOCTYPE html> +<html> +<head> +<title>HTML Templates: When template end tag is met, implied end tags should be generated</title> +<meta name="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru"> +<meta name="author" title="Aleksei Yu. Semenov" href="a.semenov@unipro.ru"> +<meta name="assert" content="When template end tag is met, implied end tags should be generated"> +<link rel="help" href="http://www.w3.org/TR/2013/WD-html-templates-20130214/#in-head-addition"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/html/resources/common.js"></script> +</head> +<body> +<div id="log"></div> +<script type="text/javascript"> + + +test(function () { + var doc = newHTMLDocument(); + + //No end </td></tr></table> tags. Should be added implicitly + doc.head.innerHTML = '<template id="tpl">' + + '<table id="tbl"><tr id="tr"><td id="td"></template>'; + + var template = doc.querySelector('#tpl'); + + assert_not_equals(template, null, 'Template element must be parsed'); + + assert_equals(doc.querySelector('#tbl'), null, 'Table element should not be available'); + assert_equals(doc.querySelector('#tr'), null, 'TR element should not be available'); + assert_equals(doc.querySelector('#td'), null, 'TD element should not be available'); + + assert_not_equals(template.content.querySelector('#tbl'), null, + 'Template should contain table element'); + assert_not_equals(template.content.querySelector('#tr'), null, + 'Template should contain TR element'); + assert_not_equals(template.content.querySelector('#td'), null, + 'Template should contain TD element'); + +}, 'Generating of implied end tags. Test table elements'); + + + +test(function () { + var doc = newHTMLDocument(); + + //No end </div> tag. Should be added implicitly + doc.head.innerHTML = '<template id="tpl"><div id="dv">Div content</template>'; + + var template = doc.querySelector('#tpl'); + + assert_not_equals(template, null, 'Template element must be parsed'); + + assert_equals(doc.querySelector('#dv'), null, 'DIV element should not be available'); + + assert_not_equals(template.content.querySelector('#dv'), null, + 'Template should contain DIV element'); + +}, 'Generating of implied end tags. Test DIV element'); + + +test(function () { + var doc = newHTMLDocument(); + + //No end </div> tag. Should be added implicitly after text content + doc.head.innerHTML = '<template id="tpl">Template text<div id="dv">Div content</template>'; + + var template = doc.querySelector('#tpl'); + + assert_not_equals(template, null, 'Template element must be parsed'); + + assert_equals(doc.querySelector('#dv'), null, 'DIV element should not be available'); + + var div = template.content.querySelector('#dv'); + + assert_not_equals( div, null, 'Template should contain DIV element'); + assert_equals(div.textContent, 'Div content', 'Wrong template content inner text'); + +}, 'Generating of implied end tags. Test some text and DIV element'); + + +test(function () { + var doc = newHTMLDocument(); + + // Wrong end tag. Correct end tag must be added implicitly, wrong one ignored + doc.head.innerHTML = '<template id="tpl"><div id="dv">Div content</span></template>'; + + var template = doc.querySelector('#tpl'); + + assert_not_equals(template, null, 'Template element must be parsed'); + + assert_equals(template.content.childNodes.length, 1, + 'Wrong number of template\'s children'); + + assert_equals(doc.querySelector('#dv'), null, 'DIV element should not be available'); + + assert_not_equals(template.content.querySelector('#dv'), null, + 'Template should contain DIV element'); + assert_equals(template.content.querySelector('#dv').textContent, + 'Div content', 'Wrong template content inner text'); + +}, 'Generating of implied end tags. Test wrong end tag'); + + +testInIFrame('/html/semantics/scripting-1/the-template-element/resources/head-template-contents-table-no-end-tag.html', function(context) { + var doc = context.iframes[0].contentDocument; + + var template = doc.head.querySelector('template'); + + assert_not_equals(template, null, + 'Template element must be parsed'); + + assert_not_equals(template.content.querySelector('table'), null, + 'Template should contain table element'); + assert_not_equals(template.content.querySelector('tr'), null, + 'Template should contain TR element'); + assert_not_equals(template.content.querySelector('td'), null, + 'Template should contain TD element'); + +}, 'Generating of implied end tags. Test table elements. Load HTML document from file'); + + +testInIFrame('/html/semantics/scripting-1/the-template-element/resources/head-template-contents-div-no-end-tag.html', function(context) { + var doc = context.iframes[0].contentDocument; + + var template = doc.head.querySelector('template'); + + assert_not_equals(template, null, 'Template element must be parsed'); + + var div = template.content.querySelector('div'); + assert_not_equals(div, null, 'Template should contain div element'); + assert_equals(div.textContent, 'Hello, template\n ', 'Invalid div contents'); + +}, 'Generating of implied end tags. Test div element. Load HTML document from file'); +</script> +</body> +</html> diff --git a/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-head-insertion-mode/template-end-tag-without-start-one.html b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-head-insertion-mode/template-end-tag-without-start-one.html new file mode 100644 index 000000000..ccb43341b --- /dev/null +++ b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-head-insertion-mode/template-end-tag-without-start-one.html @@ -0,0 +1,101 @@ +<!DOCTYPE html> +<html> +<head> +<title>HTML Templates: Template end tag without start one. Element should be ignored</title> +<meta name="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru"> +<meta name="author" title="Aleksei Yu. Semenov" href="a.semenov@unipro.ru"> +<meta name="assert" content="If parser in 'in head' insertion mode meets template end tag and if the stack of open elements has no template element in html scope, then this is a parse error; ignore the token"> +<link rel="help" href="http://www.w3.org/TR/2013/WD-html-templates-20130214/#in-head-addition"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/html/resources/common.js"></script> +</head> +<body> +<div id="log"></div> +<script type="text/javascript"> + + +test(function () { + var doc = newHTMLDocument(); + + doc.head.innerHTML = '</template>'; + + assert_equals(doc.head.childNodes.length, 0, 'Element must be ignored'); + +}, '</template> tag in HTML head without start one should be ignored'); + + + +test(function () { + var doc = newHTMLDocument(); + + doc.head.innerHTML = '<template id="tmpl"></template></template>'; + + assert_equals(doc.head.childNodes.length, 1, 'Element must be ignored'); + assert_not_equals(doc.querySelector('#tmpl'), null, + 'Element should present it document head'); + +}, '</template> tag in HTML head without start one should be ignored. ' + + 'Test valid <template> element and </template> tag after it'); + + + +test(function () { + var doc = newHTMLDocument(); + + doc.head.innerHTML = '</template><template id="tmpl"></template>'; + + assert_equals(doc.head.childNodes.length, 1, 'Element must be ignored'); + assert_not_equals(doc.querySelector('#tmpl'), null, + 'Element should present it document head'); + +}, '</template> tag in HTML head without start one should be ignored. ' + + 'Test valid <template> element and </template> tag before it'); + + + +test(function () { + var doc = newHTMLDocument(); + + doc.head.innerHTML = '</template><template id="tmpl"></template><title></title>'; + + assert_equals(doc.head.childNodes.length, 2, 'Element must be ignored'); + assert_not_equals(doc.querySelector('#tmpl'), null, + 'Valid element should present it document head'); + assert_not_equals(doc.querySelector('title'), null, + 'Valid title element should present it document head'); + +}, '</template> tag in HTML head without start one should be ignored. ' + + 'Test valid <template> element, <title> element and </template> tag before them'); + + + +test(function () { + var doc = newHTMLDocument(); + + doc.head.innerHTML = '<template id="tmpl"></template><title></title></template>'; + + assert_equals(doc.head.childNodes.length, 2, 'Element must be ignored'); + assert_not_equals(doc.querySelector('#tmpl'), null, + 'Valid element should present it document head'); + assert_not_equals(doc.querySelector('title'), null, + 'Valid title element should present it document head'); + +}, '</template> tag in HTML head without start one should be ignored. ' + + 'Test valid <template> element, <title> element and </template> tag after them'); + + +testInIFrame('/html/semantics/scripting-1/the-template-element/resources/end-template-tag-in-head.html', function(context) { + var doc = context.iframes[0].contentDocument; + + assert_equals(doc.head.querySelector('template'), null, '</template> must be ignored'); + assert_not_equals(doc.head.querySelector('title'), null, + 'Valid element should present it document head'); + +}, '</template> tag in HTML head without start one should be ignored. ' + + 'Test HTML document loaded from file'); + + +</script> +</body> +</html> diff --git a/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-table-insertion-mode/end-tag-table.html b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-table-insertion-mode/end-tag-table.html new file mode 100644 index 000000000..feb2eb108 --- /dev/null +++ b/testing/web-platform/tests/html/syntax/parsing/template/additions-to-the-in-table-insertion-mode/end-tag-table.html @@ -0,0 +1,42 @@ +<!DOCTYPE html> +<html> +<head> +<title>HTML Templates: 'In table' insertion mode: ignore TABLE end tag</title> +<meta name="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru"> +<meta name="assert" content="If parser is in 'in table' insertion mode and end tag table is met the ignore this token"> +<link rel="help" href="http://www.w3.org/TR/2013/WD-html-templates-20130214/#in-table-addition"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/html/resources/common.js"></script> +</head> +<body> +<div id="log"></div> +<script type="text/javascript"> + + +test(function () { + var doc = newHTMLDocument(); + + doc.body.innerHTML = '<table id="table">' + + '<template id="template">' + + '</table>' + + '</template>' + + '<tr><td></td></tr>' + + '</table>'; + + var table = doc.querySelector('#table'); + var template = table.querySelector('#template'); + + assert_equals(table.childNodes.length, 2, 'Wrong number of table children'); + assert_not_equals(template, null, 'Template element must be parsed'); + assert_equals(table.rows.length, 1, 'Wrong number of table rows'); + assert_equals(template.childNodes.length, 0, 'Wrong number of the template child nodes'); + assert_equals(template.content.childNodes.length, 0, + 'Wrong number of the template child nodes'); + + +}, 'In table insertion mode. Ignore </table> token'); + +</script> +</body> +</html> diff --git a/testing/web-platform/tests/html/syntax/parsing/template/appending-to-a-template/template-child-nodes.html b/testing/web-platform/tests/html/syntax/parsing/template/appending-to-a-template/template-child-nodes.html new file mode 100644 index 000000000..6292c3522 --- /dev/null +++ b/testing/web-platform/tests/html/syntax/parsing/template/appending-to-a-template/template-child-nodes.html @@ -0,0 +1,116 @@ +<!DOCTYPE html> +<html> +<head> +<title>HTML Templates: HTML parser appends child nodes only to the template contents node</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="HTML parser must append template's child nodes only to the template contents node."> +<link rel="help" href="http://www.w3.org/TR/2013/WD-html-templates-20130214/#appending-to-a-template"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/html/resources/common.js"></script> +</head> +<body> +<div id="log"></div> +<script type="text/javascript"> + + +test(function () { + var doc = newHTMLDocument(); + doc.body.innerHTML = '<template id="tmpl1">' + + '<div id="div1">This is div inside template</div>' + + '<div id="div2">This is another div inside template</div>' + + '</template>'; + + var template = doc.querySelector('#tmpl1'); + + assert_equals(template.childNodes.length, 0, 'Wrong number of template child nodes'); + assert_equals(template.content.childNodes.length, 2, + 'Wrong number of template content child nodes'); + + assert_not_equals(template.content.querySelector('#div1'), null, + 'Element is absent in the template content'); + assert_not_equals(template.content.querySelector('#div2'), null, + 'Element is absent in the template content'); + +}, 'Template child nodes must be appended to template content node'); + + + +test(function () { + var doc = newHTMLDocument(); + doc.body.innerHTML = '<template id="tmpl1">' + + '<div id="div1">This is div inside template</div>' + + '<div id="div2">This is another div inside template</div>' + + '<template id="tmpl2">' + + '<div id="div3">This is div inside nested template</div>' + + '<div id="div4">This is another div inside nested template</div>' + + '</template>' + + '</template>'; + + var template = doc.querySelector('#tmpl1'); + + assert_equals(template.childNodes.length, 0, + 'Wrong number of template child nodes'); + assert_equals(template.content.childNodes.length, 3, + 'Wrong number of template content child nodes'); + + assert_not_equals(template.content.querySelector('#div1'), null, + 'Element is absent in the template content'); + assert_not_equals(template.content.querySelector('#div2'), null, + 'Element is absent in the template content'); + + var nestedTemplate = template.content.querySelector('#tmpl2'); + + assert_equals(nestedTemplate.childNodes.length, 0, + 'Wrong number of template child nodes'); + assert_equals(nestedTemplate.content.childNodes.length, 2, + 'Wrong number of nested template content child nodes'); + + assert_not_equals(nestedTemplate.content.querySelector('#div3'), null, + 'Element is absent in the template content'); + assert_not_equals(nestedTemplate.content.querySelector('#div4'), null, + 'Element is absent in the template content'); + +}, 'Template child nodes must be appended to template content. Test nested template'); + + + +testInIFrame('/html/semantics/scripting-1/the-template-element/resources/template-contents.html', function(context) { + var doc = context.iframes[0].contentDocument; + + var template = doc.querySelector('template'); + + assert_equals(template.childNodes.length, 0, 'Wrong number of template child nodes'); + + assert_not_equals(template.content.querySelector('div'), null, + 'Element is absent in the template content'); + +}, 'Template child nodes must be appended to template content node. ' + + 'Load HTML document from a file'); + + +testInIFrame('/html/semantics/scripting-1/the-template-element/resources/template-contents-nested.html', function(context) { + var doc = context.iframes[0].contentDocument; + + var template = doc.querySelector('template'); + + assert_equals(template.childNodes.length, 0, 'Wrong number of template child nodes'); + + var nestedTemplate = template.content.querySelector('template'); + + assert_not_equals(nestedTemplate, null, + 'Element is absent in the template content'); + + assert_equals(nestedTemplate.childNodes.length, 0, + 'Wrong number of template child nodes'); + + assert_not_equals(nestedTemplate.content.querySelector('div'), null, + 'Element is absent in the template content'); + +}, 'Template child nodes must be appended to nested template content node. ' + + 'Load HTML document from a file'); + +</script> +</body> +</html> diff --git a/testing/web-platform/tests/html/syntax/parsing/template/clearing-the-stack-back-to-a-given-context/clearing-stack-back-to-a-table-body-context.html b/testing/web-platform/tests/html/syntax/parsing/template/clearing-the-stack-back-to-a-given-context/clearing-stack-back-to-a-table-body-context.html new file mode 100644 index 000000000..a150faa1d --- /dev/null +++ b/testing/web-platform/tests/html/syntax/parsing/template/clearing-the-stack-back-to-a-given-context/clearing-stack-back-to-a-table-body-context.html @@ -0,0 +1,182 @@ +<!DOCTYPE html> +<html> +<head> +<title>HTML Templates: Clearing stack back to a table body context</title> +<meta name="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru"> +<meta name="assert" content="Clearing the stack back to a table body context must be aborted if the current node is template"> +<link rel="help" href="http://www.w3.org/TR/2013/WD-html-templates-20130214/#clearing-the-stack"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/html/resources/common.js"></script> +</head> +<body> +<div id="log"></div> +<script type="text/javascript"> + +function doTest(doc, tagToTest, templateInnerHTML, id, tagName, bodiesNum, footerIsNull, + footerId, headerIsNull, headerId) { + + doc.body.innerHTML = '' + + '<table id="tbl">' + + '<' + tagToTest + '>' + + '<template id="tmpl1">' + + // When parser meets <tr>, </tbody>, </tfoot>, </thead>, <caption>, <col>, + // <colgroup>, <tbody>, <tfoot>, <thead>, </table> + // stack must be cleared back to table body context. But <template> tag should + // abort this + templateInnerHTML + + '</template>' + + '<tr id="tr">' + + '<td id="td">' + + '</td>' + + '</tr>' + + '</' + tagToTest + '>' + + '</table>'; + + var table = doc.querySelector('#tbl'); + var tr = doc.querySelector('#tr'); + var td = doc.querySelector('#td'); + var template = doc.querySelector('#tmpl1'); + + assert_equals(table.rows.length, 1, 'Wrong number of table rows'); + assert_equals(table.rows[0].cells.length, 1, 'Wrong number of table cells'); + if (id !== null) { + assert_not_equals(template.content.querySelector('#' + id), null, + 'Element should present in the template content'); + } + if (tagName !== null) { + assert_equals(template.content.querySelector('#' + id).tagName, tagName, + 'Wrong element in the template content'); + } + + assert_equals(table.caption, null, 'Table should have no caption'); + + if (bodiesNum) { + assert_equals(table.tBodies.length, bodiesNum, 'Table should have ' + + bodiesNum + ' body'); + } + if (footerIsNull) { + assert_equals(table.tFoot, null, 'Table should have no footer'); + } + if (footerId) { + assert_not_equals(table.tFoot.id, footerId, + 'Table should have no footer with id="' + footerId + '"'); + } + if (headerIsNull) { + assert_equals(table.tHead, null, 'Table should have no header'); + } + if (headerId) { + assert_not_equals(table.tHead.id, headerId, + 'Table should have no header with id="' + headerId + '"'); + } +} + + + +var doc = newHTMLDocument(); +var parameters = [ + ['Clearing stack back to a table body context. Test <tr> in <tbody>', + doc, 'tbody', '<tr id="tr1"><td>Cell content</td></tr>', 'tr1', 'TR'], + + ['Clearing stack back to a table body context. Test <tr> in <thead>', + doc, 'thead', '<tr id="tr2"><td>Cell content</td></tr>', 'tr2', 'TR'], + + ['Clearing stack back to a table body context. Test <tr> in <tfoot>', + doc, 'tfoot', '<tr id="tr3"><td>Cell content</td></tr>', 'tr3', 'TR'], + + ['Clearing stack back to a table body context. Test </tbody>', + doc, 'tbody', '</tbody>', null, null], + + ['Clearing stack back to a table body context. Test </thead>', + doc, 'thead', '</thead>', null, null], + + ['Clearing stack back to a table body context. Test </tfoot>', + doc, 'tfoot', '</tfoot>', null, null], + + ['Clearing stack back to a table body context. Test <caption> in <tbody>', + doc, 'tbody', '<caption id="caption1">Table Caption</caption>', 'caption1', 'CAPTION'], + + ['Clearing stack back to a table body context. Test <caption> in <tfoot>', + doc, 'tfoot', '<caption id="caption2">Table Caption</caption>', 'caption2', 'CAPTION'], + + ['Clearing stack back to a table body context. Test <caption> in <thead>', + doc, 'thead', '<caption id="caption3">Table Caption</caption>', 'caption3', 'CAPTION'], + + ['Clearing stack back to a table body context. Test <col> in <tbody>', + doc, 'tbody', '<col id="col1" width="150"/>', 'col1', 'COL'], + + ['Clearing stack back to a table body context. Test <col> in <tfoot>', + doc, 'tfoot', '<col id="col2" width="150"/>', 'col2', 'COL'], + + ['Clearing stack back to a table body context. Test <col> in <thead>', + doc, 'thead', '<col id="col3" width="150"/>', 'col3', 'COL'], + + ['Clearing stack back to a table body context. Test <colgroup> in <tbody>', + doc, 'tbody', '<colgroup id="colgroup1" width="150"/>', 'colgroup1', 'COLGROUP'], + + ['Clearing stack back to a table body context. Test <colgroup> in <tfoot>', + doc, 'tfoot', '<colgroup id="colgroup2" width="150"/>', 'colgroup2', 'COLGROUP'], + + ['Clearing stack back to a table body context. Test <colgroup> in <thead>', + doc, 'thead', '<colgroup id="colgroup3" width="150"/>', 'colgroup3', 'COLGROUP'], + + ['Clearing stack back to a table body context. Test <tbody> in <tbody>', + doc, 'tbody', '<tbody id="tbody1"></tbody>', 'tbody1', 'TBODY', 1], + + ['Clearing stack back to a table body context. Test <tbody> in <tfoot>', + doc, 'tfoot', '<tbody id="tbody2"></tbody>', 'tbody2', 'TBODY', 0], + + ['Clearing stack back to a table body context. Test <tbody> in <thead>', + doc, 'thead', '<tbody id="tbody3"></tbody>', 'tbody3', 'TBODY', 0], + + ['Clearing stack back to a table body context. Test <tfoot> in <tbody>', + doc, 'tbody', '<tfoot id="tfoot1"></tfoot>', 'tfoot1', 'TFOOT', null, true], + + ['Clearing stack back to a table body context. Test <tfoot> in <tfoot>', + doc, 'tfoot', '<tfoot id="tfoot2"></tfoot>', 'tfoot2', 'TFOOT', null, false, 'tfoot2'], + + ['Clearing stack back to a table body context. Test <tfoot> in <thead>', + doc, 'thead', '<tfoot id="tfoot3"></tfoot>', 'tfoot3', 'TFOOT', null, true], + + ['Clearing stack back to a table body context. Test <thead> in <tbody>', + doc, 'tbody', '<thead id="thead1"></thead>', 'thead1', 'THEAD', null, false, null, true], + + ['Clearing stack back to a table body context. Test <thead> in <tfoot>', + doc, 'tfoot', '<thead id="thead2"></thead>', 'thead2', 'THEAD', null, false, null, true], + + ['Clearing stack back to a table body context. Test <thead> in <thead>', + doc, 'thead', '<thead id="thead3"></thead>', 'thead3', 'THEAD', null, false, null, false, 'thead3'], + + ['Clearing stack back to a table body context. Test </table> in <tbody>', + doc, 'tbody', '</table>', null, null, null, false, null, true], + + ['Clearing stack back to a table body context. Test </table> in <tfoot>', + doc, 'tfoot', '</table>', null, null, null, false, null, true], + + ['Clearing stack back to a table body context. Test </table> in <thead>', + doc, 'thead', '</table>', null, null], + + ['Clearing stack back to a table body context. Test </tbody> in <thead>', + doc, 'thead', '</tbody>', null, null], + + ['Clearing stack back to a table body context. Test </tbody> in <tfoot>', + doc, 'tfoot', '</tbody>', null, null], + + ['Clearing stack back to a table body context. Test </thead> in <tbody>', + doc, 'tbody', '</thead>', null, null], + + ['Clearing stack back to a table body context. Test </thead> in <tfoot>', + doc, 'tfoot', '</thead>', null, null], + + ['Clearing stack back to a table body context. Test </tfoot> in <thead>', + doc, 'thead', '</tfoot>', null, null], + + ['Clearing stack back to a table body context. Test </tfoot> in <tbody>', + doc, 'tbody', '</tfoot>', null, null] +]; + +generate_tests(doTest, parameters, 'Clearing stack back to a table body context.'); + +</script> +</body> +</html> diff --git a/testing/web-platform/tests/html/syntax/parsing/template/clearing-the-stack-back-to-a-given-context/clearing-stack-back-to-a-table-context.html b/testing/web-platform/tests/html/syntax/parsing/template/clearing-the-stack-back-to-a-given-context/clearing-stack-back-to-a-table-context.html new file mode 100644 index 000000000..23a4e7b0b --- /dev/null +++ b/testing/web-platform/tests/html/syntax/parsing/template/clearing-the-stack-back-to-a-given-context/clearing-stack-back-to-a-table-context.html @@ -0,0 +1,84 @@ +<!DOCTYPE html> +<html> +<head> +<title>HTML Templates: Clearing stack back to a table context</title> +<meta name="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru"> +<meta name="assert" content="Clearing the stack back to a table context must be aborted if the current node is template"> +<link rel="help" href="http://www.w3.org/TR/2013/WD-html-templates-20130214/#clearing-the-stack"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/html/resources/common.js"></script> +</head> +<body> +<div id="log"></div> +<script type="text/javascript"> + +function doTest(doc, templateInnerHTML, id, tagName, bodiesNum, footerIsNull, + headerIsNull) { + + doc.body.innerHTML = '' + + '<table id="tbl">' + + '<template id="tmpl1">' + + // When parser meets <caption>, <colgroup>, <tbody>, <tfoot>, <thead>, <col> + // stack must be cleared back to table context. + //But <template> tag should abort this process + templateInnerHTML + + '</template>' + + '<tr id="tr">' + + '<td id="td">' + + '</td>' + + '</tr>' + + '</table>'; + + var table = doc.querySelector('#tbl'); + var tr = doc.querySelector('#tr'); + var td = doc.querySelector('#td'); + var template = doc.querySelector('#tmpl1'); + + assert_equals(table.rows.length, 1, 'Wrong number of table rows'); + assert_equals(table.rows[0].cells.length, 1, 'Wrong number of table cells'); + assert_equals(template.parentNode, table, 'Wrong template parent'); + assert_not_equals(template.content.querySelector('#' + id), null, + 'Element should present in the template content'); + assert_equals(doc.querySelector('#tbl').caption, null, 'Table should have no caption'); + assert_equals(template.content.querySelector('#' + id).tagName, tagName, + 'Wrong element in the template content'); + if (bodiesNum) { + assert_equals(table.tBodies.length, bodiesNum, 'Table should have ' + + bodiesNum + ' body'); + } + if (footerIsNull) { + assert_equals(table.tFoot, null, 'Table should have no footer'); + } + if (headerIsNull) { + assert_equals(table.tHead, null, 'Table should have no header'); + } +} + + +var doc = newHTMLDocument(); +var parameters = [ + ['Clearing stack back to a table context. Test <caption>', + doc, '<caption id="caption1">Table caption</caption>', 'caption1', 'CAPTION'], + + ['Clearing stack back to a table context. Test <colgroup>', + doc, '<colgroup id="colgroup1" width="100%"/>', 'colgroup1', 'COLGROUP'], + + ['Clearing stack back to a table context. Test <tbody>', + doc, '<tbody id="tbody1"></tbody>', 'tbody1', 'TBODY', 1], + + ['Clearing stack back to a table context. Test <tfoot>', + doc, '<tfoot id="tfoot1"></tfoot>', 'tfoot1', 'TFOOT', null, true], + + ['Clearing stack back to a table context. Test <thead>', + doc, '<thead id="thead1"></thead>', 'thead1', 'THEAD', null, false, true], + + ['Clearing stack back to a table context. Test <col>', + doc, '<col id="col1" width="100%"/>', 'col1', 'COL'] +]; + +generate_tests(doTest, parameters, 'Clearing stack back to a table body context.'); + +</script> +</body> +</html> diff --git a/testing/web-platform/tests/html/syntax/parsing/template/clearing-the-stack-back-to-a-given-context/clearing-stack-back-to-a-table-row-context.html b/testing/web-platform/tests/html/syntax/parsing/template/clearing-the-stack-back-to-a-given-context/clearing-stack-back-to-a-table-row-context.html new file mode 100644 index 000000000..250391612 --- /dev/null +++ b/testing/web-platform/tests/html/syntax/parsing/template/clearing-the-stack-back-to-a-given-context/clearing-stack-back-to-a-table-row-context.html @@ -0,0 +1,71 @@ +<!DOCTYPE html> +<html> +<head> +<title>HTML Templates: Clearing stack back to a table row context</title> +<meta name="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru"> +<meta name="assert" content="Clearing the stack back to a table row context must be aborted if the current node is template"> +<link rel="help" href="http://www.w3.org/TR/2013/WD-html-templates-20130214/#clearing-the-stack"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/html/resources/common.js"></script> +</head> +<body> +<div id="log"></div> +<script type="text/javascript"> + +function doTest(doc, templateInnerHTML, id, tagName, elementId) { + + doc.body.innerHTML = '' + + '<table id="tbl">' + + '<tr id="tr">' + + '<template id="tmpl1">' + + // When parser meets <th>, <td>, </tr>, stack must be cleared + // back to table row context. + // But <template> tag should abort this + templateInnerHTML + + '</template>' + + '<td id="td">' + + '</td>' + + '</tr>' + + '</table>'; + + var table = doc.querySelector('#tbl'); + var tr = doc.querySelector('#tr'); + var td = doc.querySelector('#td'); + var template = doc.querySelector('#tmpl1'); + + assert_equals(table.rows.length, 1, 'Wrong number of table rows'); + assert_equals(table.rows[0].cells.length, 1, 'Wrong number of table cells'); + assert_equals(template.parentNode, tr, 'Wrong template parent'); + if (id !== null) { + assert_not_equals(template.content.querySelector('#' + id), null, + 'Element should present in the template content'); + } + if (tagName !== null) { + assert_equals(template.content.querySelector('#' + id).tagName, tagName, + 'Wrong element in the template content'); + } + if (elementId) { + assert_equals(doc.querySelector('#' + elementId), null, + 'Table should have no element with ID ' + elementId); + } +} + + +var doc = newHTMLDocument(); +var parameters = [ + ['Clearing stack back to a table row context. Test <th>', + doc, '<th id="th1">Table header</th>', 'th1', 'TH', 'th1'], + + ['Clearing stack back to a table row context. Test <td>', + doc, '<td id="td1">Table cell</td>', 'td1', 'TD', 'td1'], + + ['Clearing stack back to a table row context. Test </tr>', + doc, '</tr>', null, null] +]; + +generate_tests(doTest, parameters, 'Clearing stack back to a table body context.'); + +</script> +</body> +</html> diff --git a/testing/web-platform/tests/html/syntax/parsing/template/creating-an-element-for-the-token/template-owner-document.html b/testing/web-platform/tests/html/syntax/parsing/template/creating-an-element-for-the-token/template-owner-document.html new file mode 100644 index 000000000..e1f999511 --- /dev/null +++ b/testing/web-platform/tests/html/syntax/parsing/template/creating-an-element-for-the-token/template-owner-document.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> +<head> +<title>HTML Templates: ownerDocument property of the element in template</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="ownerDocument property of the element appended to template must be set to the template contents owner of the ownerDocument of the template element"> +<link rel="help" href="http://www.w3.org/TR/2013/WD-html-templates-20130214/#creating-an-element-for-a-token"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/html/resources/common.js"></script> +</head> +<body> +<div id="log"></div> +<script type="text/javascript"> + + +test(function () { + var doc = newHTMLDocument(); + doc.body.innerHTML = '<div><template id="tmpl1"><div id="div">DIV</div></template></div>'; + + var template = doc.querySelector('#tmpl1'); + + var div = template.content.querySelector('#div'); + + assert_equals(div.ownerDocument, template.content.ownerDocument, + 'Wrong ownerDocument of the element in template'); + +}, 'Test ownerDocument property of the element in a template. ' + + 'Current DOCUMENT has no browsing context. Test template element inside the div'); + + + +test(function () { + var doc = newHTMLDocument(); + doc.body.innerHTML = '<template id="tmpl1"><div id="div">DIV</div></template>'; + + var template = doc.querySelector('#tmpl1'); + + var div = template.content.querySelector('#div'); + + assert_equals(div.ownerDocument, template.content.ownerDocument, + 'Wrong ownerDocument of the element in template'); + +}, 'Test ownerDocument property of the element in a template. ' + + 'Current DOCUMENT has no browsing context. Test template element ' + + 'in the root of the body'); + + + +test(function () { + var doc = newHTMLDocument(); + doc.head.innerHTML = '<template id="tmpl1"><div id="div">DIV</div></template>'; + + var template = doc.querySelector('#tmpl1'); + + var div = template.content.querySelector('#div'); + + assert_equals(div.ownerDocument, template.content.ownerDocument, + 'Wrong ownerDocument of the element in template'); + +}, 'Test ownerDocument property of the element in a template. ' + + 'Current DOCUMENT has no browsing context. Test template element ' + + 'in the root of the head'); + + + +test(function () { + var doc = newHTMLDocument(); + doc.body.innerHTML = '<template id="tmpl1">' + + '<template id="tmpl2"><div id="div">DIV</div></template></template>'; + + var template = doc.querySelector('#tmpl1'); + + var nestedTemplate = template.content.querySelector('#tmpl2'); + + assert_equals(nestedTemplate.ownerDocument, template.content.ownerDocument, + 'Wrong nested template owner document'); + + var div = nestedTemplate.content.querySelector('#div'); + + assert_equals(div.ownerDocument, nestedTemplate.content.ownerDocument, + 'Wrong div ownerDocument'); + +}, 'Test ownerDocument property of the element in a nested template'); + + + +testInIFrame('/html/semantics/scripting-1/the-template-element/resources/template-contents.html', function(context) { + var doc = context.iframes[0].contentDocument; + + var template = doc.querySelector('template'); + + var div = template.content.querySelector('div'); + + assert_equals(div.ownerDocument, template.content.ownerDocument, + 'Wrong ownerDocument of the element in template'); + +}, 'Test ownerDocument property of the element in a template. ' + + 'Load HTML document from a file, current DOCUMENT has browsing context'); + + + +testInIFrame('/html/semantics/scripting-1/the-template-element/resources/template-contents-nested.html', function(context) { + var doc = context.iframes[0].contentDocument; + + var template = doc.querySelector('template'); + + var nestedTemplate = template.content.querySelector('template'); + + assert_equals(nestedTemplate.ownerDocument, template.content.ownerDocument, + 'Wrong nested template owner document'); + + var div = nestedTemplate.content.querySelector('div'); + + assert_equals(div.ownerDocument, nestedTemplate.content.ownerDocument, + 'Wrong div ownerDocument'); + +}, 'Test ownerDocument property of the element in a nested template. ' + + 'Load HTML document from a file, current DOCUMENT has browsing context'); + + + +testInIFrame('/html/semantics/scripting-1/the-template-element/resources/two-templates.html', function(context) { + var doc = context.iframes[0].contentDocument; + + var template1 = doc.querySelector('#template1'); + var div1 = template1.content.querySelector('div'); + var template2 = doc.querySelector('#template2'); + var div2 = template2.content.querySelector('div'); + + assert_equals(div1.ownerDocument, template1.content.ownerDocument, + 'Wrong ownerDocument of the element in template'); + assert_equals(div2.ownerDocument, template2.content.ownerDocument, + 'Wrong ownerDocument of the element in template'); + assert_equals(div1.ownerDocument, div2.ownerDocument, + 'Different elements in the same document should share the same template contents owner'); + +}, 'Test ownerDocument property of two elements in a template. ' + + 'Load HTML document from a file, current DOCUMENT has browsing context'); + + +var parameters = []; + +HTML5_ELEMENTS.forEach(function(value) { + if (value !== 'body' && value !== 'html' && value !== 'head' && value !== 'frameset') { + + var doc = newHTMLDocument(); + + if (isVoidElement(value)) { + doc.body.innerHTML = '<template><' + value + '/></template>'; + } else { + doc.body.innerHTML = '<template><' + value + '></' + value + '></template>'; + } + + var template = doc.querySelector('template'); + var element = template.content.querySelector(value); + + doc.body.appendChild(template); + + parameters.push([ + 'Test ownerDocument for the element ' + value + ' in the template', + element, + template + ]); + } +}); + +function compare_owners(element, template) { + assert_equals(element.ownerDocument, template.content.ownerDocument) +} + +generate_tests(compare_owners, parameters, + 'Test ownerDocument property of all HTML5 elements in a template. ' + + 'Current DOCUMENT has no browsing context.'); + +var context = newContext(); +parameters = []; + +try { + + HTML5_ELEMENTS.forEach(function(value) { + + if (value !== 'body' && value !== 'html' && value !== 'head' && value !== 'frameset') { + + var doc = newRenderedHTMLDocument(context); + + if (isVoidElement(value)) { + doc.body.innerHTML = '<template><' + value + '/></template>'; + } else { + doc.body.innerHTML = '<template><' + value + '></' + value + '></template>'; + } + + var template = doc.querySelector('template'); + var element = template.content.querySelector(value); + + doc.body.appendChild(template); + + parameters.push([ + 'Test ownerDocument for the element ' + value + ' in the template. ' + + 'Document has browsing context', + element, + template + ]); + } + }); + generate_tests(compare_owners, parameters, + 'Test ownerDocument property of all HTML5 elements in a template. ' + + 'Current DOCUMENT has browsing context.'); + +} finally { + try { + cleanContext(context); + } catch (e) { + //do nothing + } +} + +</script> +</body> +</html> |