node-document.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/semantics/scripting-1/the-template-element/additions-to-parsing-xhtml-documents/node-document.html - WPT Dashboard Interop Dashboard

<!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>