diff options
Diffstat (limited to 'testing/web-platform/tests/html/syntax/parsing/template/clearing-the-stack-back-to-a-given-context')
3 files changed, 337 insertions, 0 deletions
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> |