blob: 8676319b205905bb1613c795761059c4919eb58c [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<title>HTML Templates: Parsing XHTML: Node's node document</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="Parsing XHTML: Node's node document must be set to that of the element to which it will be appended">
<link rel="help" href="http://www.w3.org/TR/2013/WD-html-templates-20130214/#parsing-xhtml-documents">
<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 = newXHTMLDocument();
doc.body = doc.createElement('body');
doc.body.innerHTML = '<template id="tmpl"></template>';
var template = doc.querySelector('#tmpl');
assert_not_equals(template, null, 'Template element should not be null');
assert_not_equals(template.content, undefined,
'Content attribute of template element should not be undefined');
assert_not_equals(template.content, null,
'Content attribute of template element should not be null');
assert_equals(template.ownerDocument, doc.body.ownerDocument,
'Wrong template node owner document');
var ownerDoc = template.content.ownerDocument;
assert_not_equals(ownerDoc, doc, 'Wrong template content owner document');
assert_not_equals(ownerDoc, document, 'Wrong template content owner document');
assert_equals(ownerDoc.defaultView, null,
'Template content owner document should not have a browsing context');
}, 'Parsing XHTML: Node\'s node document must be set to that of the element '
+ 'to which it will be appended. Test empty template');
test(function() {
var doc = newXHTMLDocument();
doc.body = doc.createElement('body');
doc.body.innerHTML = '<template id="tmpl"><div>Div content</div></template>';
var template = doc.querySelector('#tmpl');
assert_equals(template.ownerDocument, doc.body.ownerDocument,
'Wrong template node owner document');
assert_not_equals(template, null, 'Template element should not be null');
assert_not_equals(template.content, undefined,
'Content attribute of template element should not be undefined');
assert_not_equals(template.content, null,
'Content attribute of template element should not be null');
var div = template.content.querySelector('div');
assert_equals(template.content.ownerDocument, div.ownerDocument,
'Wrong DIV node owner document');
}, 'Parsing XHTML: Node\'s node document must be set to that of the element '
+ 'to which it will be appended. Test not empty template');
test(function() {
var doc = newXHTMLDocument();
doc.body = doc.createElement('body');
doc.body.innerHTML = ''
+ '<template id="tmpl"><div>Div content</div> And some more text'
+ '<template id="tmpl2"><div>Template content</div></template>'
+ '</template>';
var template = doc.querySelector('#tmpl');
assert_not_equals(template, null, 'Template element should not be null');
assert_equals(template.ownerDocument, doc, 'Wrong template node owner document');
assert_not_equals(template.content, undefined,
'Content attribute of template element should not be undefined');
assert_not_equals(template.content, null,
'Content attribute of template element should not be null');
var nestedTemplate = template.content.querySelector('#tmpl2');
assert_not_equals(nestedTemplate, null, 'Nested template element should not be null');
assert_not_equals(nestedTemplate.content, undefined,
'Content attribute of nested template element should not be undefined');
assert_not_equals(nestedTemplate.content, null,
'Content attribute of nested template element should not be null');
assert_equals(nestedTemplate.ownerDocument, template.content.ownerDocument,
'Wrong nested template node owner document');
var div = nestedTemplate.content.querySelector('div');
assert_equals(nestedTemplate.content.ownerDocument, div.ownerDocument,
'Wrong DIV node owner document');
}, 'Parsing XHTML: Node\'s node document must be set to that of the element '
+ 'to which it will be appended. Test nested templates');
testInIFrame('../resources/template-child-nodes-div.xhtml', function(context) {
var doc = context.iframes[0].contentDocument;
var template = doc.querySelector('template');
assert_equals(template.ownerDocument, doc, 'Wrong template node owner document');
assert_not_equals(template.content, undefined,
'Content attribute of template element should not be undefined');
assert_not_equals(template.content, null,
'Content attribute of template element should not be null');
var div = template.content.querySelector('div');
assert_equals(template.content.ownerDocument, div.ownerDocument,
'Wrong DIV node owner document');
}, 'Parsing XHTML: Node\'s node document must be set to that of the element '
+ 'to which it will be appended. Test loading XHTML document from a file');
testInIFrame('../resources/template-child-nodes-nested.xhtml', function(context) {
var doc = context.iframes[0].contentDocument;
var template = doc.querySelector('template');
assert_equals(template.ownerDocument, doc, 'Wrong template node owner document');
var nestedTemplate = template.content.querySelector('template');
assert_equals(nestedTemplate.ownerDocument, template.content.ownerDocument,
'Wrong template node owner document');
var div = nestedTemplate.content.querySelector('div');
assert_equals(nestedTemplate.content.ownerDocument, div.ownerDocument,
'Wrong DIV node owner document');
}, 'Parsing XHTML: Node\'s node document must be set to that of the element '
+ 'to which it will be appended. Test loading of XHTML document '
+ 'with nested templates from a file');
</script>
</body>
</html>