vertigo 0.11.4

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

use crate::dom;
use crate::{self as vertigo, DomNode};

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

    let node = dom! {
        <ul>
            "Children: "
            {..list}
        </ul>
    };

    let DomNode::Node { node } = node else {
        panic!("Expected DomNode::Node")
    };

    assert_eq!(node.get_children().len(), 11);
}

#[test]
fn children_from_iter_inline() {
    let node = dom! {
        <ul>
            "Children: "
            {..(0..10).map(|i| dom! { <li>{i}</li> })}
        </ul>
    };

    let DomNode::Node { node } = node else {
        panic!("Expected DomNode::Node")
    };

    assert_eq!(node.get_children().len(), 11);
}

#[test]
fn children_from_block_with_iter_inline() {
    let node = dom! {
        <ul>
            "Children: "
            {
                let iter = (0..10).map(|i| dom! { <li>{i}</li> });
                ..iter.skip(2)
            }
        </ul>
    };

    let DomNode::Node { node } = node else {
        panic!("Expected DomNode::Node")
    };

    assert_eq!(node.get_children().len(), 9);
}

#[test]
fn child_from_block() {
    let node = dom! {
        <ul>
            "Children: "
            {
                let mut iter = (0..10).map(|i| dom! { <li>{i}</li> });
                ..iter.next()
            }
        </ul>
    };

    let DomNode::Node { node } = node else {
        panic!("Expected DomNode::Node")
    };

    assert_eq!(node.get_children().len(), 2);
}

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

    let node = dom! {
        <div>
            {..some_label}
            {..none_label}
        </div>
    };

    let DomNode::Node { node } = node else {
        panic!("Expected DomNode::Node")
    };

    assert_eq!(node.get_children().len(), 1);
}