tablo-ui 0.4.0

The Topcoat components Tablo renders: primitives synced from topcoat-ui-registry, plus its own composites.
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

use topcoat::{
    context::CxTestBuilder,
    view::{ViewExt, attributes},
};

use super::*;

#[tokio::test]
async fn error_state_renders_title_detail_and_styled_action() {
    let cx = CxTestBuilder::new().build();
    let cx_ref = &cx;
    let action = view! { cx_ref => <a href="/admin/users">"Retry"</a> }.boxed();
    let html = view! {
        cx_ref =>
        error_state(
            title: "Couldn't load Users",
            detail: "Something went wrong while loading the records.",
            action: Some(action.into())
        )
    }
    .single()
    .await
    .unwrap()
    .render(&cx);

    assert!(
        html.contains("Couldn't load Users"),
        "title missing: {html}"
    );
    assert!(
        html.contains("Something went wrong while loading the records."),
        "detail missing: {html}"
    );
    assert!(
        html.contains("Retry") && html.contains("href=\"/admin/users\""),
        "caller action missing: {html}"
    );
    assert!(html.contains("<svg"), "icon missing: {html}");
}

#[tokio::test]
async fn error_state_detail_is_optional_and_attrs_survive() {
    let cx = CxTestBuilder::new().build();
    let cx_ref = &cx;
    let html = view! {
        cx_ref =>
        error_state(
            title: "Couldn't load Users",
            attrs: attributes! { id="load-error" class="my-class" }
        )
    }
    .single()
    .await
    .unwrap()
    .render(&cx);

    assert!(
        html.contains("Couldn't load Users"),
        "title missing: {html}"
    );
    // Spelled `<p ` / `<p>` so the icon's `<path>` cannot count as one.
    assert_eq!(
        html.matches("<p ").count() + html.matches("<p>").count(),
        1,
        "no detail expected: {html}"
    );
    assert!(html.contains("id=\"load-error\""), "attrs missing: {html}");
    assert!(html.contains("my-class"), "caller class missing: {html}");
}