src/third_party/WebKit/LayoutTests/w3c/web-platform-tests/html-templates/parsing-html-templates/additions-to-the-in-body-insertion-mode/generating-of-implied-end-tags.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <title>HTML Templates: 'In body' insertion mode: when template end tag is met, implied end tags should be generated</title>
   5 <meta name="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru">
   6 <meta name="author" title="Aleksei Yu. Semenov" href="a.semenov@unipro.ru">
   7 <meta name="assert" content="'In body' insertion mode: when template end tag is met, implied end tags should be generated">
   8 <link rel="help" href="http://www.w3.org/TR/2013/WD-html-templates-20130214/#in-body-addition">
   9 <script src="../../../../../resources/testharness.js"></script>
  10 <script src="../../../../../resources/testharnessreport.js"></script>
  11 <script src='../../testcommon.js'></script>
  12 <link rel="stylesheet" href="../../../../../resources/testharness.css">
  13 </head>
  14 <body>
  15 <div id="log"></div>
  16 <script type="text/javascript">
  17
  18
  19 test(function () {
  20     var doc = newHTMLDocument();
  21
  22     //No end </td></tr></table> tags. Should be added implicitly
  23     doc.body.innerHTML = '<template id="tpl">'
  24         + '<table id="tbl"><tr id="tr"><td id="td"></template>';
  25
  26     var template = doc.querySelector('#tpl');
  27
  28     assert_not_equals(template, null, 'Template element must be parsed');
  29
  30     assert_equals(doc.querySelector('#tbl'), null, 'Table element should not be available');
  31     assert_equals(doc.querySelector('#tr'), null, 'TR element should not be available');
  32     assert_equals(doc.querySelector('#td'), null, 'TD element should not be available');
  33
  34     assert_not_equals(template.content.querySelector('#tbl'), null,
  35             'Template should contain table element');
  36     assert_not_equals(template.content.querySelector('#tr'), null,
  37             'Template should contain TR element');
  38     assert_not_equals(template.content.querySelector('#td'), null,
  39             'Template should contain TD element');
  40
  41 }, 'Generating of implied end tags. Test table elements');
  42
  43
  44
  45 test(function () {
  46     var doc = newHTMLDocument();
  47
  48     //No end </div> tag. Should be added implicitly
  49     doc.body.innerHTML = '<template id="tpl"><div id="dv">Div content</template>';
  50
  51     var template = doc.querySelector('#tpl');
  52
  53     assert_not_equals(template, null, 'Template element must be parsed');
  54
  55     assert_equals(doc.querySelector('#dv'), null, 'DIV element should not be available');
  56
  57     assert_not_equals(template.content.querySelector('#dv'), null,
  58             'Template should contain DIV element');
  59
  60 }, 'Generating of implied end tags. Test div element');
  61
  62
  63 test(function () {
  64     var doc = newHTMLDocument();
  65
  66     //No end </div> tag. Should be added implicitly after text content
  67     doc.body.innerHTML = '<template id="tpl">Template text<div id="dv">Div content</template>';
  68
  69     var template = doc.querySelector('#tpl');
  70
  71     assert_not_equals(template, null, 'Template element must be parsed');
  72
  73     assert_equals(doc.querySelector('#dv'), null, 'DIV element should not be available');
  74
  75     var div = template.content.querySelector('#dv');
  76
  77     assert_not_equals( div, null, 'Template should contain DIV element');
  78     assert_equals(div.innerText, 'Div content', 'Wrong template content inner text');
  79
  80 }, 'Generating of implied end tags. Test some text and DIV element');
  81
  82
  83 test(function () {
  84     var doc = newHTMLDocument();
  85
  86     // Wrong end tag. Correct end tag must be added implicitly, wrong one ignored
  87     doc.body.innerHTML = '<template id="tpl"><div id="dv">Div content</span></template>';
  88
  89     var template = doc.querySelector('#tpl');
  90
  91     assert_not_equals(template, null, 'Template element must be parsed');
  92
  93     assert_equals(template.content.childNodes.length, 1,
  94             'Wrong number of template\'s children');
  95
  96     assert_equals(doc.querySelector('#dv'), null, 'DIV element should not be available');
  97
  98     assert_not_equals(template.content.querySelector('#dv'), null,
  99             'Template should contain DIV element');
 100     assert_equals(template.content.querySelector('#dv').innerText,
 101             'Div content', 'Wrong template content inner text');
 102
 103 }, 'Generating of implied end tags. Test wrong end tag');
 104
 105
 106 testInIFrame('../../resources/template-contents-table-no-end-tag.html', function(context) {
 107     var doc = context.iframes[0].contentDocument;
 108
 109     var template = doc.body.querySelector('template');
 110
 111     assert_not_equals(template, null, 'Template element must be parsed');
 112
 113     assert_not_equals(template.content.querySelector('table'), null,
 114             'Template should contain table element');
 115     assert_not_equals(template.content.querySelector('tr'), null,
 116             'Template should contain TR element');
 117     assert_not_equals(template.content.querySelector('td'), null,
 118             'Template should contain TD element');
 119
 120 }, 'Generating of implied end tags. Test table elements. Loading of HTML document from a file');
 121
 122
 123 testInIFrame('../../resources/template-contents-div-no-end-tag.html', function(context) {
 124     var doc = context.iframes[0].contentDocument;
 125
 126     var template = doc.body.querySelector('template');
 127
 128     assert_not_equals(template, null, 'Template element must be parsed');
 129
 130     var div = template.content.querySelector('div');
 131     assert_not_equals(div, null, 'Template should contain div element');
 132     assert_equals(div.innerText, 'Hello, template\n    ', 'Invalid div contents');
 133
 134 }, 'Generating of implied end tags. Test div element. Loading of HTML document from a file');
 135 </script>
 136 </body>
 137 </html>