hydrolysis-m3 0.2.0

Material 3 widget theme for WaterUI self-drawn backends
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

//! Visual acceptance for the MD3 switch: M3-faithful thumb geometry, track
//! outline shrink, 200ms standard-easing value motion, and the staged
//! checked-icon transition.
//!
//! The PNG-producing tests are ignored by default and reviewed by eye.

use core::time::Duration;
use hydrolysis_m3::install;
use waterui::reactive::binding;
use waterui_controls::toggle;
use waterui_core::View;
use waterui_testing::{OffscreenApp, Role};

fn save(app: &mut OffscreenApp, stage: &str) {
    let _ = app.capture_snapshot("material3-preview", "switch", stage);
}

fn wifi_toggle_view() -> impl View {
    let value = binding(false);
    toggle("Wi-Fi", &value)
}

#[ignore = "writes visual acceptance PNG files for direct image review"]
#[waterui::test(wifi_toggle_view, theme = install, viewport = (200, 120), offscreen)]
fn switch_toggle_slides_and_reveals_checkmark(app: &mut OffscreenApp) {
    assert!(
        app.query()
            .role(Role::SWITCH)
            .label("Wi-Fi")
            .wait_for_existence(Duration::from_secs(3)),
        "toggle must mount"
    );
    save(app, "off");
    let bounds = app
        .query()
        .role(Role::SWITCH)
        .label("Wi-Fi")
        .single()
        .bounds();
    let (cx, cy) = (
        bounds.x() + bounds.width() / 2.0,
        bounds.y() + bounds.height() / 2.0,
    );
    app.queue_pointer_down(cx, cy);
    let _ = app.snapshot();
    app.queue_pointer_up(cx, cy);
    let _ = app.snapshot();
    // Mid-transition (200ms value motion): thumb sliding, icon not yet in.
    // The pointer still hovers the switch, so the thumb shows the
    // on-surface-variant hover color per the M3 reference.
    app.pump_for(Duration::from_millis(60));
    save(app, "toggling-60ms");
    // Park the pointer away from the switch: the settled state must be free
    // of hover chrome (no dark thumb, no hover halo).
    app.queue_pointer_move(5.0, 5.0);
    app.pump_for(Duration::from_millis(500));
    save(app, "on-idle");
    // Toggle back off: icon leaves within the first 50ms.
    app.queue_pointer_down(cx, cy);
    let _ = app.snapshot();
    app.queue_pointer_up(cx, cy);
    let _ = app.snapshot();
    app.pump_for(Duration::from_millis(60));
    save(app, "untoggling-60ms");
    app.queue_pointer_move(5.0, 5.0);
    app.pump_for(Duration::from_millis(500));
    save(app, "off-idle");
}