gpui-ui-kit 0.5.10

A reusable UI component library for GPUI 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
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

//! Input component tests

use gpui_ui_kit::input::{Input, InputVariant};

#[test]
fn test_input_creation() {
    let input = Input::new("test")
        .value("Hello")
        .placeholder("Enter text...");
    drop(input);
}

#[test]
fn test_input_supports_change_events() {
    let input = Input::new("test")
        .value("initial value")
        .placeholder("Enter text...")
        .on_change(|_text, _window, _cx| {});

    drop(input);
}

#[test]
fn test_input_supports_states() {
    let _disabled_input = Input::new("disabled")
        .value("Cannot edit")
        .disabled(true)
        .on_change(|_, _, _| {});

    let _readonly_input = Input::new("readonly")
        .value("Read only")
        .readonly(true)
        .on_change(|_, _, _| {});

    let _error_input = Input::new("error")
        .value("Invalid")
        .error("This field is required")
        .on_change(|_, _, _| {});
}

#[test]
fn test_input_supports_variants() {
    let _default = Input::new("default")
        .variant(InputVariant::Default)
        .on_change(|_, _, _| {});

    let _filled = Input::new("filled")
        .variant(InputVariant::Filled)
        .on_change(|_, _, _| {});

    let _flushed = Input::new("flushed")
        .variant(InputVariant::Flushed)
        .on_change(|_, _, _| {});
}

#[test]
fn test_input_supports_focus() {
    let input = Input::new("focus-test")
        .placeholder("Click to focus")
        .on_change(|_text, _window, _cx| {});

    drop(input);
}

#[test]
fn test_disabled_input_no_events() {
    let input = Input::new("disabled")
        .disabled(true)
        .on_change(|_text, _window, _cx| {});

    drop(input);
}

#[test]
fn test_readonly_input_no_events() {
    let input = Input::new("readonly")
        .readonly(true)
        .on_change(|_text, _window, _cx| {});

    drop(input);
}

#[test]
fn test_input_text_value_handling() {
    let input = Input::new("text-value")
        .value("Hello, World!")
        .label("Enter your name")
        .placeholder("Type here...")
        .on_change(|new_text, _window, _cx| {
            assert!(!new_text.is_empty());
        });

    drop(input);
}

#[test]
fn test_input_supports_icons() {
    let input = Input::new("with-icons")
        .icon_left("🔍")
        .icon_right("✓")
        .placeholder("Search...")
        .on_change(|_, _, _| {});

    drop(input);
}