freya-core 0.4.1

Reactivity runtime, tree management, accessibility integration, rendering pipeline and more, 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

use freya_core::{
    helpers::from_fn_standalone_borrowed_keyed,
    prelude::*,
};
use freya_testing::prelude::*;
use torin::prelude::Size;

#[derive(PartialEq)]
struct CompA {
    key: DiffKey,
}

impl KeyExt for CompA {
    fn write_key(&mut self) -> &mut DiffKey {
        &mut self.key
    }
}

impl Component for CompA {
    fn render(&self) -> impl IntoElement {
        label().text("A")
    }

    fn render_key(&self) -> DiffKey {
        self.key.clone().or(self.default_key())
    }
}

#[derive(PartialEq)]
struct CompB {
    key: DiffKey,
}

impl KeyExt for CompB {
    fn write_key(&mut self) -> &mut DiffKey {
        &mut self.key
    }
}

impl Component for CompB {
    fn render(&self) -> impl IntoElement {
        let text = use_state(|| "B");
        label().text(*text.read())
    }

    fn render_key(&self) -> DiffKey {
        self.key.clone().or(self.default_key())
    }
}

#[test]
pub fn same_key_different_component_type() {
    fn app() -> impl IntoElement {
        let mut toggle = use_state(|| false);
        rect()
            .width(Size::px(100.))
            .height(Size::px(100.))
            .on_mouse_up(move |_| toggle.toggle())
            .child(if toggle() {
                (CompB { key: DiffKey::None }).key(1).into_element()
            } else {
                (CompA { key: DiffKey::None }).key(1).into_element()
            })
    }

    let mut test = launch_test(app);
    test.sync_and_update();

    let label = test
        .find(|_, element| Label::try_downcast(element).filter(|label| label.text.as_ref() == "A"));
    assert!(label.is_some());

    test.click_cursor((50., 50.));
    test.sync_and_update();

    let label = test
        .find(|_, element| Label::try_downcast(element).filter(|label| label.text.as_ref() == "B"));
    assert!(label.is_some());
}

#[test]
pub fn same_key_different_from_fn_component() {
    fn comp_a(props: &u8) -> Element {
        label().text(format!("A{props}")).into_element()
    }

    fn comp_b(props: &String) -> Element {
        label().text(format!("B{props}")).into_element()
    }

    fn app() -> impl IntoElement {
        let mut toggle = use_state(|| false);
        rect()
            .width(Size::px(100.))
            .height(Size::px(100.))
            .on_mouse_up(move |_| toggle.toggle())
            .child(if toggle() {
                from_fn_standalone_borrowed_keyed(1, "hey".to_string(), comp_b)
            } else {
                from_fn_standalone_borrowed_keyed(1, 5u8, comp_a)
            })
    }

    let mut test = launch_test(app);
    test.sync_and_update();

    let label = test.find(|_, element| {
        Label::try_downcast(element).filter(|label| label.text.as_ref() == "A5")
    });
    assert!(label.is_some());

    test.click_cursor((50., 50.));
    test.sync_and_update();

    let label = test.find(|_, element| {
        Label::try_downcast(element).filter(|label| label.text.as_ref() == "Bhey")
    });
    assert!(label.is_some());
}