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

use webcore::value::Reference;
use webcore::try_from::TryInto;
use webapi::event_target::{IEventTarget, EventTarget};
use webapi::node::{INode, Node};
use webapi::element::{IElement, Element};
use webapi::html_element::{IHtmlElement, HtmlElement};
use webapi::document_fragment::DocumentFragment;

/// The HTML `<template>` element represents a mechanism for holding client-side content
/// that is not to be rendered when a page is loaded but may subsequently be instantiated
/// during runtime using JavaScript.
///
/// [(JavaScript docs)](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template)
// https://html.spec.whatwg.org/multipage/scripting.html#the-template-element
#[derive(Clone, Debug, PartialEq, Eq, ReferenceType)]
#[reference(instance_of = "HTMLTemplateElement")]
#[reference(subclass_of(EventTarget, Node, Element, HtmlElement))]
pub struct TemplateElement( Reference );

impl IEventTarget for TemplateElement {}
impl INode for TemplateElement {}
impl IElement for TemplateElement {}
impl IHtmlElement for TemplateElement {}

impl TemplateElement {
    /// The content of the current template
    ///
    /// [(JavaScript docs)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLTemplateElement/content)
    // https://html.spec.whatwg.org/multipage/scripting.html#the-template-element:documentfragment
    #[inline]
    pub fn content ( &self ) -> DocumentFragment {
        js! (
            return @{self}.content;
        ).try_into().unwrap()
    }
}

#[cfg(all(test, feature = "web_test"))]
mod tests {
    use super::*;
    use webapi::html_element::HtmlElement;
    use webapi::node::{Node, INode, CloneKind};

    #[test]
    fn test_template_content_with_clone_node() {
        let tpl: TemplateElement = Node::from_html("<template><span>aaabbbcccddd</span></template>")
            .unwrap()
            .try_into()
            .unwrap();

        let n = tpl.content().clone_node(CloneKind::Deep).unwrap();
        let child_nodes = n.child_nodes();
        assert_eq!(child_nodes.len(), 1);

        let span_element: HtmlElement = child_nodes.iter().next().unwrap().try_into().unwrap();

        assert_eq!(span_element.node_name(), "SPAN");
        assert_eq!(js!( return @{span_element}.innerHTML; ), "aaabbbcccddd");
    }
}