vertigo 0.12.0

Reactive Real-DOM library with SSR for 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

use crate as vertigo;
use crate::dev::inspect::{DomDebugFragment, log_start};
use crate::{DropFileEvent, dom};

#[test]
fn button_on_click() {
    let handler = |_| ();

    log_start();

    let _el = dom! {
        <button on_click={handler} />
    };

    let html = DomDebugFragment::from_log().to_pseudo_html();
    assert_eq!(html, "<button click=1 />");
}

#[test]
fn form_on_submit() {
    let handler = || ();

    log_start();

    let _el = dom! {
        <form on_submit={handler} />
    };

    let html = DomDebugFragment::from_log().to_pseudo_html();
    assert_eq!(html, "<form submit=1 />");
}

#[test]
fn no_keys() {
    let src = "cat.png";
    let alt = "Not dog";

    log_start();

    let _el = dom! {
        <img {src} {alt} />
    };

    let html = DomDebugFragment::from_log().to_pseudo_html();
    assert_eq!(html, "<img alt='Not dog' src='cat.png' />");
}

#[test]
fn default_values() {
    log_start();

    let _el = dom! {
        <img
            src={Default::default()}
            alt={}
        />
    };

    let html = DomDebugFragment::from_log().to_pseudo_html();
    assert_eq!(html, "<img alt='' src='' />");
}

#[test]
fn input_on_change_file() {
    let handler = |_: DropFileEvent| ();

    log_start();

    let _el = dom! {
        <input type="file" on_change_file={handler} />
    };

    let html = DomDebugFragment::from_log().to_pseudo_html();
    assert_eq!(html, "<input type='file' change_file=1 />");
}

#[test]
fn input_on_change_file_accept() {
    let handler = |_: DropFileEvent| ();
    let accept = "image/*";

    log_start();

    let _el = dom! {
        <input type="file" {accept} on_change_file={handler} />
    };

    let html = DomDebugFragment::from_log().to_pseudo_html();
    assert_eq!(html, "<input accept='image/*' type='file' change_file=1 />");
}

#[test]
fn references() {
    let src = "cat.png";
    let alt = "Not dog";

    log_start();

    let _el = dom! {
        <img src={&src} {&alt} />
    };

    let html = DomDebugFragment::from_log().to_pseudo_html();
    assert_eq!(html, "<img alt='Not dog' src='cat.png' />");
}