material-ui-rs 0.5.2

A Material3 inspired theme for `iced`
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122

use super::*;
use iced_widget::core::time::{Duration, Instant};

#[test]
fn material_menu_height_uses_five_visible_options_max() {
    assert_eq!(
        material_menu_height(3),
        Length::Fixed(tokens::component::select::MENU_LIST_ITEM_CONTAINER_HEIGHT * 3.0)
    );
    assert_eq!(
        material_menu_height(8),
        Length::Fixed(
            tokens::component::select::MENU_LIST_ITEM_CONTAINER_HEIGHT * MAX_VISIBLE_OPTIONS as f32
        )
    );
}

#[test]
fn material_option_padding_produces_m3_menu_item_height() {
    let padding = menu_option_padding();

    assert_eq!(
        tokens::component::text_field::INPUT_TEXT_LINE_HEIGHT + padding.y(),
        tokens::component::select::MENU_LIST_ITEM_CONTAINER_HEIGHT
    );
}

#[test]
fn select_status_tracks_open_state_before_hover_state() {
    assert_eq!(select_status(false, false), Status::Active);
    assert_eq!(select_status(false, true), Status::Hovered);
    assert_eq!(
        select_status(true, false),
        Status::Opened { is_hovered: false }
    );
    assert_eq!(
        select_status(true, true),
        Status::Opened { is_hovered: true }
    );
}

#[test]
fn select_menu_remains_visible_during_close_animation() {
    let start = Instant::now();
    let mut menu = menu_overlay::State::new();

    menu.start_open(3, start);
    assert!(!menu.advance(start + Duration::from_secs(2)));
    menu.start_close(start + Duration::from_secs(2));

    assert!(menu.is_visible());
    assert!(menu.is_animating());

    assert!(!menu.advance(start + Duration::from_secs(4)));
    assert!(!menu.is_visible());
}

#[test]
fn default_handle_rotation_matches_compose_trailing_icon_targets() {
    assert_eq!(menu_handle_rotation_target(false), 0.0);
    assert_eq!(menu_handle_rotation_target(true), 1.0);
    assert_eq!(menu_handle_rotation_radians(0.0), 0.0);
    assert_eq!(
        menu_handle_rotation_radians(0.5),
        std::f32::consts::FRAC_PI_2
    );
    assert_eq!(menu_handle_rotation_radians(1.0), std::f32::consts::PI);
}

#[test]
fn default_handle_arrow_points_match_material_icon_viewbox() {
    assert_eq!(
        default_handle_arrow_points(MENU_HANDLE_VIEWPORT_SIZE),
        [
            Point::new(7.0, 10.0),
            Point::new(12.0, 15.0),
            Point::new(17.0, 10.0),
        ]
    );
    assert_eq!(
        default_handle_arrow_points(MENU_HANDLE_VIEWPORT_SIZE / 2.0),
        [
            Point::new(3.5, 5.0),
            Point::new(6.0, 7.5),
            Point::new(8.5, 5.0),
        ]
    );
}

#[test]
fn select_prefers_down_when_menu_fits_below() {
    let position = Point::new(0.0, 500.0);
    let target_height = 56.0;
    let viewport = Rectangle {
        x: 0.0,
        y: 0.0,
        width: 800.0,
        height: 940.0,
    };

    let anchor = prefer_down_when_menu_fits(position, viewport, target_height, 144.0);

    assert_eq!(anchor.position.y + anchor.target_height, 556.0);
    assert!(viewport.height - (anchor.position.y + anchor.target_height) > anchor.position.y);
}

#[test]
fn select_keeps_default_anchor_when_menu_does_not_fit_below() {
    let position = Point::new(0.0, 500.0);
    let target_height = 56.0;
    let viewport = Rectangle {
        x: 0.0,
        y: 0.0,
        width: 800.0,
        height: 620.0,
    };

    let anchor = prefer_down_when_menu_fits(position, viewport, target_height, 144.0);

    assert_eq!(anchor.position, position);
    assert_eq!(anchor.target_height, target_height);
}