shadow-design 0.4.0

Modular, high-performance UI component library for Dioxus 0.7 applications
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

use dioxus::prelude::*;
use shadow_design::prelude::*;

#[test]
fn test_list_marker_classes() {
    assert_eq!(ListMarker::Disc.scss_class(), "sd-list--marker-disc");
    assert_eq!(ListMarker::Circle.scss_class(), "sd-list--marker-circle");
    assert_eq!(ListMarker::Square.scss_class(), "sd-list--marker-square");
    assert_eq!(ListMarker::Decimal.scss_class(), "sd-list--marker-decimal");
    assert_eq!(
        ListMarker::LowerAlpha.scss_class(),
        "sd-list--marker-lower-alpha"
    );
    assert_eq!(
        ListMarker::UpperAlpha.scss_class(),
        "sd-list--marker-upper-alpha"
    );
    assert_eq!(
        ListMarker::LowerRoman.scss_class(),
        "sd-list--marker-lower-roman"
    );
    assert_eq!(
        ListMarker::UpperRoman.scss_class(),
        "sd-list--marker-upper-roman"
    );
    assert_eq!(ListMarker::None.scss_class(), "sd-list--marker-none");
    assert_eq!(ListMarker::Custom.scss_class(), "sd-list--marker-custom");
}

#[test]
fn test_list_spacing_classes() {
    assert_eq!(ListSpacing::Xs.scss_class(), "sd-list--spacing-xs");
    assert_eq!(ListSpacing::Sm.scss_class(), "sd-list--spacing-sm");
    assert_eq!(ListSpacing::Md.scss_class(), "sd-list--spacing-md");
    assert_eq!(ListSpacing::Lg.scss_class(), "sd-list--spacing-lg");
    assert_eq!(ListSpacing::Xl.scss_class(), "sd-list--spacing-xl");
}

#[test]
fn test_list_size_classes() {
    assert_eq!(ListSize::Xs.scss_class(), "sd-list--size-xs");
    assert_eq!(ListSize::Sm.scss_class(), "sd-list--size-sm");
    assert_eq!(ListSize::Md.scss_class(), "sd-list--size-md");
    assert_eq!(ListSize::Lg.scss_class(), "sd-list--size-lg");
    assert_eq!(ListSize::Xl.scss_class(), "sd-list--size-xl");
}

#[test]
fn test_list_orientation_classes() {
    assert_eq!(ListOrientation::Vertical.scss_class(), "sd-list--vertical");
    assert_eq!(
        ListOrientation::Horizontal.scss_class(),
        "sd-list--horizontal"
    );
}

#[test]
fn test_list_defaults() {
    assert_eq!(ListType::default(), ListType::Unordered);
    assert_eq!(ListMarker::default(), ListMarker::Disc);
    assert_eq!(ListSpacing::default(), ListSpacing::Sm);
    assert_eq!(ListSize::default(), ListSize::Md);
    assert_eq!(ListOrientation::default(), ListOrientation::Vertical);
}

#[test]
fn test_list_with_custom_icon() {
    let mut dom = VirtualDom::new(|| {
        rsx! {
            List {
                icon: Some(rsx! { Icon { kind: IconKind::CheckCircle } }),
                ListItem { "Item 1" }
                ListItem { "Item 2" }
            }
        }
    });
    dom.rebuild_in_place();
}