glassy-ui 0.1.0

Glassy UI components for native GPUI interfaces.
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

use std::time::Duration;

use gpui::{
    div, prelude::*, px, size, Context, Modifiers, Render, TestAppContext, VisualTestContext,
    Window,
};
use glassy_ui::{init_theme, Button, ButtonVariant, IconName, Tooltip, TooltipPlacement};

struct TooltipHarness {
    placement: TooltipPlacement,
}

impl Render for TooltipHarness {
    fn render(&mut self, _window: &mut Window, _cx: &mut Context<Self>) -> impl IntoElement {
        div().size_full().flex().flex_col().p(px(200.)).child(
            Button::icon_only("tip-trigger", IconName::Download)
                .variant(ButtonVariant::Ghost)
                .tooltip(
                    Tooltip::new("Export PNG")
                        .placement(self.placement)
                        .show_delay(Duration::ZERO),
                ),
        )
    }
}

fn setup(cx: &mut TestAppContext, placement: TooltipPlacement) -> VisualTestContext {
    cx.update(init_theme);
    let window = cx.open_window(size(px(800.), px(600.)), move |_, _| TooltipHarness {
        placement,
    });
    cx.run_until_parked();
    VisualTestContext::from_window(window.into(), cx)
}

fn hover_trigger(cx: &mut VisualTestContext) {
    let trigger = cx.debug_bounds("tip-trigger").expect("trigger");
    cx.simulate_mouse_move(trigger.center(), None, Modifiers::default());
    cx.run_until_parked();
}

#[gpui::test]
fn above_keeps_a_six_pixel_gap(cx: &mut TestAppContext) {
    let mut cx = setup(cx, TooltipPlacement::Above);
    hover_trigger(&mut cx);
    let trigger = cx.debug_bounds("tip-trigger").expect("trigger");
    let tip = cx.debug_bounds("tip-trigger-tooltip").expect("tooltip");
    assert_eq!(trigger.top() - tip.bottom(), px(6.));
}

#[gpui::test]
fn below_keeps_a_six_pixel_gap(cx: &mut TestAppContext) {
    let mut cx = setup(cx, TooltipPlacement::Below);
    hover_trigger(&mut cx);
    let trigger = cx.debug_bounds("tip-trigger").expect("trigger");
    let tip = cx.debug_bounds("tip-trigger-tooltip").expect("tooltip");
    assert_eq!(tip.top() - trigger.bottom(), px(6.));
}

#[gpui::test]
fn start_keeps_a_six_pixel_gap(cx: &mut TestAppContext) {
    let mut cx = setup(cx, TooltipPlacement::Start);
    hover_trigger(&mut cx);
    let trigger = cx.debug_bounds("tip-trigger").expect("trigger");
    let tip = cx.debug_bounds("tip-trigger-tooltip").expect("tooltip");
    assert_eq!(trigger.left() - tip.right(), px(6.));
}

#[gpui::test]
fn end_keeps_a_six_pixel_gap(cx: &mut TestAppContext) {
    let mut cx = setup(cx, TooltipPlacement::End);
    hover_trigger(&mut cx);
    let trigger = cx.debug_bounds("tip-trigger").expect("trigger");
    let tip = cx.debug_bounds("tip-trigger-tooltip").expect("tooltip");
    assert_eq!(tip.left() - trigger.right(), px(6.));
}