sauron 0.70.0

A versatile web framework and library for building client-side and/or server-side web applications
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

use sauron::{html::attributes::replace, *};
use std::{cell::Cell, rc::Rc};
use test_fixtures::simple_program;
use wasm_bindgen_test::*;
use web_sys::{console, EventTarget};

mod test_fixtures;

wasm_bindgen_test_configure!(run_in_browser);

#[wasm_bindgen_test]
fn nested_divs() {
    let vdiv: Node<()> = div(vec![], vec![div(vec![], vec![div(vec![], vec![])])]); // <div> <div> <div></div> </div> </div>
    let program = simple_program();
    let created_node = program.create_dom_node(&vdiv);

    assert_eq!(
        &vdiv.render_to_string(),
        "<div><div><div></div></div></div>"
    );
    assert_eq!(vdiv.render_to_string(), created_node.render_to_string());
}

#[wasm_bindgen_test]
fn svg_element() {
    let vdiv: Node<()> = div(
        vec![],
        vec![svg(
            vec![xmlns("http://www.w3.org/2000/svg")],
            vec![circle(vec![cx("50"), cy("50"), r("50")], vec![])],
        )],
    );
    let created_node = simple_program().create_dom_node(&vdiv);

    assert_eq!(
        &vdiv.render_to_string(),
        r#"<div><svg xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div>"#
    );
    assert_eq!(vdiv.render_to_string(), created_node.render_to_string());
}

#[wasm_bindgen_test]
fn click_event() {
    console_error_panic_hook::set_once();

    let document = web_sys::window().unwrap().document().unwrap();

    let clicked = Rc::new(Cell::new(false));
    let clicked_clone = Rc::clone(&clicked);

    let elem_id = "click-on-div";
    let vdiv: Node<()> = div(
        [],
        vec![div(
            [
                id(elem_id),
                replace(true),
                on_click(move |_| {
                    console::log_1(&"clicked event called".into());
                    clicked_clone.set(true);
                }),
            ],
            vec![],
        )],
    );

    let mut simple_program = simple_program();

    simple_program
        .update_dom_with_vdom(vdiv)
        .expect("must not error");

    let click_event = web_sys::MouseEvent::new("click").unwrap();

    let div = document.get_element_by_id(elem_id).unwrap();

    (EventTarget::from(div))
        .dispatch_event(&click_event)
        .unwrap();

    assert_eq!(*clicked, Cell::new(true));
}