freya-hooks 0.3.4

Hooks library designed for Freya.
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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167

use freya::prelude::*;
use freya_testing::prelude::*;

use crate::use_focus;

#[tokio::test]
pub async fn track_focus() {
    #[allow(non_snake_case)]
    fn OtherChild() -> Element {
        let mut focus_manager = use_focus();

        let a11y_id = focus_manager.attribute();

        rsx!(
            rect {
                width: "100%",
                height: "50%",
                a11y_id,
                onclick: move |_| focus_manager.request_focus(),
                label {
                    "{focus_manager.is_focused()}"
                }
            }
        )
    }

    fn use_focus_app() -> Element {
        rsx!(
            rect {
                width: "100%",
                height: "100%",
                OtherChild {}
                OtherChild {}
            }
        )
    }

    let mut utils = launch_test_with_config(
        use_focus_app,
        TestingConfig::<()> {
            size: (100.0, 100.0).into(),
            ..TestingConfig::default()
        },
    );

    // Initial state
    utils.wait_for_update().await;
    let root = utils.root().get(0);
    assert_eq!(root.get(0).get(0).get(0).text(), Some("false"));
    assert_eq!(root.get(1).get(0).get(0).text(), Some("false"));

    // Click on the first rect
    utils.click_cursor((5., 5.)).await;
    utils.wait_for_update().await;

    // First rect is now focused
    assert_eq!(root.get(0).get(0).get(0).text(), Some("true"));
    assert_eq!(root.get(1).get(0).get(0).text(), Some("false"));

    // Click on the second rect
    utils.click_cursor((5., 75.)).await;

    // Second rect is now focused
    utils.wait_for_update().await;
    assert_eq!(root.get(0).get(0).get(0).text(), Some("false"));
    assert_eq!(root.get(1).get(0).get(0).text(), Some("true"));
}

#[tokio::test]
pub async fn block_focus() {
    #[allow(non_snake_case)]
    fn Child() -> Element {
        let mut focus_manager = use_focus();

        rsx!(
            rect {
                a11y_id: focus_manager.attribute(),
                width: "100%",
                height: "50%",
                onclick: move |_| focus_manager.request_focus(),
                label {
                    "{focus_manager.is_focused()}"
                }
            }
        )
    }

    #[allow(non_snake_case)]
    fn BlockingChild() -> Element {
        let mut focus_manager = use_focus();

        rsx!(
            rect {
                a11y_id: focus_manager.attribute(),
                width: "100%",
                height: "50%",
                onkeydown: move |_| {
                    focus_manager.prevent_navigation();
                },
                onclick: move |_| focus_manager.request_focus(),
                label {
                    "{focus_manager.is_focused()}"
                }
            }
        )
    }

    fn use_focus_app() -> Element {
        rsx!(
            rect {
                width: "100%",
                height: "100%",
                Child {}
                BlockingChild {}
            }
        )
    }

    let mut utils = launch_test_with_config(
        use_focus_app,
        TestingConfig::<()> {
            size: (100.0, 100.0).into(),
            ..TestingConfig::default()
        },
    );

    // Initial state
    let root = utils.root().get(0);
    assert_eq!(root.get(0).get(0).get(0).text(), Some("false"));
    assert_eq!(root.get(1).get(0).get(0).text(), Some("false"));

    // Click on the first rect
    utils.click_cursor((5., 5.)).await;
    utils.wait_for_update().await;

    // First rect is now focused
    assert_eq!(root.get(0).get(0).get(0).text(), Some("true"));
    assert_eq!(root.get(1).get(0).get(0).text(), Some("false"));

    // Navigate to the second rect
    utils.push_event(TestEvent::Keyboard {
        name: EventName::KeyDown,
        key: Key::Tab,
        code: Code::Tab,
        modifiers: Modifiers::default(),
    });

    // Second rect is now focused
    utils.wait_for_update().await;
    utils.wait_for_update().await;
    assert_eq!(root.get(0).get(0).get(0).text(), Some("false"));
    assert_eq!(root.get(1).get(0).get(0).text(), Some("true"));

    // Try to navigate to the first rect again
    utils.push_event(TestEvent::Keyboard {
        name: EventName::KeyDown,
        key: Key::Tab,
        code: Code::Tab,
        modifiers: Modifiers::default(),
    });

    // Second rect is still focused
    utils.wait_for_update().await;
    utils.wait_for_update().await;
    assert_eq!(root.get(0).get(0).get(0).text(), Some("false"));
    assert_eq!(root.get(1).get(0).get(0).text(), Some("true"));
}