custom-element 0.1.5

A CustomElement trait for implementing custom elements (web components) in Rust
Documentation 
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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121

use wasm_bindgen_test::*;

wasm_bindgen_test_configure!(run_in_browser);

mod common;

use common::helpers;

pub mod autonomous_custom_elements {
    use std::{cell::RefCell, rc::Rc};

    use custom_element::create_custom_element;

    use wasm_bindgen::JsValue;
    use wasm_bindgen_test::*;
    use web_sys::window;

    use crate::helpers::{self, MockCustomElement};

    #[wasm_bindgen_test]
    fn should_pass_constructor_args_to_wasm() {
        let window = window().unwrap();

        // HACK: peek into call to see what the Rust constructor has
        // available when called from JS
        let arg_passed_to_constructor = JsValue::from_f64(1.234);
        let arg_peeked_from_constructor = Rc::new(RefCell::new(None));
        {
            // create custom element class
            let arg_peeked_from_constructor = Rc::clone(&arg_peeked_from_constructor);
            let (closure, constructor) = create_custom_element(
                move |element, args| {
                    arg_peeked_from_constructor
                        .borrow_mut()
                        .replace(args.get(0));
                    MockCustomElement::new_with_args(element, args)
                },
                vec![String::from("count")],
            );
            closure.forget();

            // define custom element
            let name = helpers::get_random_custom_element_name();
            window
                .custom_elements()
                .define(&name, &constructor)
                .unwrap();

            // instantiate custom element
            constructor
                .construct_with_arguments(vec![arg_passed_to_constructor.clone()])
                .unwrap();
        }

        assert_eq!(
            &arg_passed_to_constructor,
            arg_peeked_from_constructor.borrow().as_ref().unwrap()
        );
    }
}

pub mod customized_built_in_components {
    use std::{cell::RefCell, rc::Rc};

    use custom_element::{
        constructors::HTML_PARAGRAPH_ELEMENT_CONSTRUCTOR, create_custom_element_with_config,
        CustomElementConfiguration,
    };

    use wasm_bindgen::JsValue;
    use wasm_bindgen_test::*;
    use web_sys::{window, ElementDefinitionOptions};

    use crate::helpers::{self, MockCustomElement};

    #[wasm_bindgen_test]
    fn should_pass_constructor_args_to_wasm() {
        let window = window().unwrap();

        // HACK: peek into call to see what the Rust constructor has
        // available when called from JS
        let arg_passed_to_constructor = JsValue::from_f64(1.234);
        let arg_peeked_from_constructor = Rc::new(RefCell::new(None));
        {
            // create custom element class
            let arg_peeked_from_constructor = Rc::clone(&arg_peeked_from_constructor);
            let (closure, constructor) = create_custom_element_with_config(
                move |element, args| {
                    arg_peeked_from_constructor
                        .borrow_mut()
                        .replace(args.get(0));
                    MockCustomElement::new_with_args(element, args)
                },
                vec![String::from("count")],
                CustomElementConfiguration {
                    element_constructor: &HTML_PARAGRAPH_ELEMENT_CONSTRUCTOR,
                },
            );
            closure.forget();

            // define custom element
            let name = helpers::get_random_custom_element_name();
            let mut options = ElementDefinitionOptions::new();
            options.extends("p");
            window
                .custom_elements()
                .define_with_options(&name, &constructor, &options)
                .unwrap();

            // instantiate custom element
            constructor
                .construct_with_arguments(vec![arg_passed_to_constructor.clone()])
                .unwrap();
        }

        assert_eq!(
            &arg_passed_to_constructor,
            arg_peeked_from_constructor.borrow().as_ref().unwrap()
        );
    }
}