summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/semantics/scripting-1/the-template-element/definitions/template-contents-owner-document-type.html
blob: d063acded9a251335f1271ef0408bac16323fb3f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html>
<head>
<title>HTML Templates: The template contents owner document type is HTML document</title>
<meta name="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru">
<meta name="assert" content="The template contents owner document type is HTML document, if template is declared in HTML document">
<link rel="help" href="http://www.w3.org/TR/2013/WD-html-templates-20130214/#definitions">
<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('../resources/template-contents.html', function(context) {
    var doc = context.iframes[0].contentDocument;
    var template = doc.querySelector('template');
    var content_owner = template.content.ownerDocument;

    assert_class_string(content_owner, 'Document',
            'Template content owner should be a document');
    assert_equals(content_owner.createElement('DIV').localName, 'div',
            'Template content owner should be an HTML document');

}, 'The template contents owner document type is HTML document ' +
    '(case when document has browsing context and the template ' +
    'is created by HTML parser)');


testInIFrame('../resources/template-contents.html', function(context) {
    var doc = context.iframes[0].contentDocument;
    var template = doc.createElement('template');
    var content_owner = template.content.ownerDocument;
    var div = doc.createElement('DIV');
    template.appendChild(div);

    doc.body.appendChild(template);

    assert_class_string(content_owner, 'Document',
            'Template content owner should be a document');
    assert_equals(div.localName, 'div',
            'Template content owner should be an HTML document');

}, 'The template contents owner document type is HTML document ' +
    '(case when document has browsing context and the template ' +
    'is created by createElement())');


test(function() {
    var doc = newHTMLDocument();
    var template = doc.createElement('template');
    var content_owner = template.content.ownerDocument;
    var div = doc.createElement('DIV');
    template.appendChild(div);

    doc.body.appendChild(template);

    assert_class_string(content_owner, 'Document',
            'Template content owner should be a document');
    assert_equals(div.localName, 'div',
            'Template content owner should be an HTML document');

}, 'The template contents owner document type is HTML document ' +
    '(case when document has no browsing context and the template is created ' +
    'by createElement())');

test(function() {
    var doc = newHTMLDocument();
    doc.body.innerHTML = '<template><div>Hello!</div></template>';
    var template = doc.querySelector('template');
    var content_owner = template.content.ownerDocument;

    assert_class_string(content_owner, 'Document',
            'Template content owner should be a document');
    assert_equals(content_owner.createElement('DIV').localName, 'div',
            'Template content owner should be an HTML document');

}, 'The template contents owner document type is HTML document ' +
    '(case when document has no browsing context and the template is created via innerHTML)');
</script>
</body>
</html>