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

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

#[test]
fn children_from_iter() {
    let list = (0..10).map(|i| dom! { <li>{i}</li> });

    log_start();
    let _el = dom! {
        <ul>
            "Children: "
            {..list}
        </ul>
    };
    let html = DomDebugFragment::from_log().to_pseudo_html();
    assert_eq!(
        html,
        "<ul>Children: <li>0</li><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li></ul>"
    );
}

#[test]
fn children_from_iter_inline() {
    log_start();
    let _el = dom! {
        <ul>
            "Children: "
            {..(0..10).map(|i| dom! { <li>{i}</li> })}
        </ul>
    };
    let html = DomDebugFragment::from_log().to_pseudo_html();
    assert_eq!(
        html,
        "<ul>Children: <li>0</li><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li></ul>"
    );
}

#[test]
fn children_from_block_with_iter_inline() {
    log_start();
    let _el = dom! {
        <ul>
            "Children: "
            {
                let iter = (0..10).map(|i| dom! { <li>{i}</li> });
                ..iter.skip(2)
            }
        </ul>
    };
    let html = DomDebugFragment::from_log().to_pseudo_html();
    assert_eq!(
        html,
        "<ul>Children: <li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li></ul>"
    );
}

#[test]
fn child_from_block() {
    log_start();
    let _el = dom! {
        <ul>
            "Children: "
            {
                let mut iter = (0..10).map(|i| dom! { <li>{i}</li> });
                ..iter.next()
            }
        </ul>
    };
    let html = DomDebugFragment::from_log().to_pseudo_html();
    assert_eq!(html, "<ul>Children: <li>0</li></ul>");
}

#[test]
fn iter_option() {
    let some_label = Some("Label".to_string());
    let none_label = Option::<String>::None;

    log_start();
    let _el = dom! {
        <div>
            {..some_label}
            {..none_label}
        </div>
    };
    let html = DomDebugFragment::from_log().to_pseudo_html();
    assert_eq!(html, "<div>Label</div>");
}