topcoat-view-macro 0.3.0

A modular, batteries-included Rust web framework for server-rendered apps.
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

#[test]
fn attributes_macro_builds_runtime_attributes() {
    let cx = &topcoat::context::Cx::default();
    let id = "submit";
    let dynamic = [
        ("data-skip", "skip"),
        ("data-state", "ready"),
        ("data-stop", "stop"),
        ("data-after", "after"),
    ];

    let attrs = topcoat::view::attributes! {
        cx =>
        class="button"
        id=(id)
        :data-bound=$(id.to_owned())
        @input="(e) => console.log(e)"
        if true {
            aria-label="Submit"
        } else {
            aria-label="Disabled"
        }
        for (key, value) in dynamic {
            if value == "skip" {
                continue;
            }
            if value == "stop" {
                break;
            }
            (key)=(value)
        }
        match id {
            "submit" => type="submit",
            _ => type="button",
        }
    };

    assert!(attrs.contains_key("class"));
    assert!(attrs.contains_key("id"));
    assert!(attrs.contains_key("aria-label"));
    assert!(attrs.contains_key("data-state"));
    assert!(attrs.contains_key("type"));
    assert!(attrs.contains_key("data-bound"));
    assert!(attrs.contains_key("data-topcoat-bind:data-bound"));
    assert!(attrs.contains_key("data-topcoat-on:input"));
    assert!(!attrs.contains_key("data-skip"));
    assert!(!attrs.contains_key("data-stop"));
    assert!(!attrs.contains_key("data-after"));
    assert!(attrs.get("missing").is_none());
}

#[tokio::test]
async fn spread_inserts_attribute_fragment_into_element() {
    use topcoat::{context::Cx, view::view};

    let cx = &Cx::default();
    let attrs = topcoat::view::attributes! { cx => type="submit" };
    let result: topcoat::Result = view! { cx => <button (attrs)>"Save"</button> };
    let html = result.unwrap().render(cx);

    assert_eq!(html, r#"<button type="submit">Save</button>"#);
}

#[tokio::test]
async fn spread_follows_other_attributes() {
    use topcoat::{context::Cx, view::view};

    let cx = &Cx::default();
    let attrs = topcoat::view::attributes! { cx => type="submit" };
    let result: topcoat::Result = view! { cx => <button class="btn" (attrs)>"Save"</button> };
    let html = result.unwrap().render(cx);

    assert!(html.contains(r#"class="btn""#));
    assert!(html.contains(r#"type="submit""#));
}

#[test]
fn dynamic_key_still_parses_after_spread_support() {
    // A parenthesized key followed by `=` remains a dynamic attribute, not a
    // spread.
    let cx = &topcoat::context::Cx::default();
    let name = "data-state";
    let attrs = topcoat::view::attributes! { cx => (name)="ready" };
    assert!(attrs.contains_key("data-state"));
}

#[tokio::test]
async fn spread_merges_within_attributes_macro() {
    use topcoat::{context::Cx, view::view};

    let cx = &Cx::default();
    let base = topcoat::view::attributes! { cx => class="btn" type="button" };
    let merged = topcoat::view::attributes! { cx => class="card" (base) };

    assert!(merged.contains_key("type"));

    // The spread's keys replace earlier ones, so `class` renders as `btn`.
    let result: topcoat::Result = view! { cx => <div (merged)></div> };
    let html = result.unwrap().render(cx);
    assert!(html.contains(r#"class="btn""#));
    assert!(!html.contains(r#"class="card""#));
}