| 1 | // Copyright © SixtyFPS GmbH <info@slint.dev> |
|---|
| 2 | // SPDX-License-Identifier: GPL-3.0-only OR LicenseRef-Slint-Royalty-free-2.0 OR LicenseRef-Slint-Software-3.0 |
|---|
| 3 | |
|---|
| 4 | // Test that the correct item indices are computed when focusing |
|---|
| 5 | // children of sub-components or their roots. |
|---|
| 6 | |
|---|
| 7 | SubComponentWithFocusableChild := Rectangle { |
|---|
| 8 | property <bool> has-focus: input.has-focus; |
|---|
| 9 | |
|---|
| 10 | callback activate(); |
|---|
| 11 | activate => { |
|---|
| 12 | input.focus(); |
|---|
| 13 | } |
|---|
| 14 | |
|---|
| 15 | input := TextInput { |
|---|
| 16 | width: 100%; |
|---|
| 17 | height: 100%; |
|---|
| 18 | } |
|---|
| 19 | } |
|---|
| 20 | |
|---|
| 21 | SubComponentWithRootFocusable := TextInput { |
|---|
| 22 | callback activate(); |
|---|
| 23 | activate => { |
|---|
| 24 | root.focus(); |
|---|
| 25 | } |
|---|
| 26 | } |
|---|
| 27 | |
|---|
| 28 | FocusInNestedSubComponent := Rectangle { |
|---|
| 29 | property <bool> has-focus: compo.has-focus; |
|---|
| 30 | callback activate(); |
|---|
| 31 | activate => { |
|---|
| 32 | compo.activate(); |
|---|
| 33 | } |
|---|
| 34 | compo := SubComponentWithRootFocusable { |
|---|
| 35 | } |
|---|
| 36 | } |
|---|
| 37 | |
|---|
| 38 | |
|---|
| 39 | TestCase := Rectangle { |
|---|
| 40 | width: 400phx; |
|---|
| 41 | height: 400phx; |
|---|
| 42 | |
|---|
| 43 | callback focus_subcompo1(); |
|---|
| 44 | focus_subcompo1 => { input1.activate(); } |
|---|
| 45 | callback focus_subcompo2(); |
|---|
| 46 | focus_subcompo2 => { input2.activate(); } |
|---|
| 47 | callback focus_subcompo3(); |
|---|
| 48 | focus_subcompo3 => { input3.activate(); } |
|---|
| 49 | |
|---|
| 50 | input1 := SubComponentWithFocusableChild { |
|---|
| 51 | y: 0phx; |
|---|
| 52 | height: 150phx; |
|---|
| 53 | } |
|---|
| 54 | |
|---|
| 55 | input2 := SubComponentWithRootFocusable { |
|---|
| 56 | y: 150phx; |
|---|
| 57 | height: 150phx; |
|---|
| 58 | } |
|---|
| 59 | |
|---|
| 60 | input3 := FocusInNestedSubComponent { |
|---|
| 61 | y: 250px; |
|---|
| 62 | height: 150px; |
|---|
| 63 | } |
|---|
| 64 | |
|---|
| 65 | property<bool> input1_focused: input1.has_focus; |
|---|
| 66 | property<bool> input2_focused: input2.has_focus; |
|---|
| 67 | property<bool> input3_focused: input3.has_focus; |
|---|
| 68 | |
|---|
| 69 | } |
|---|
| 70 | |
|---|
| 71 | /* |
|---|
| 72 | ```rust |
|---|
| 73 | let instance = TestCase::new().unwrap(); |
|---|
| 74 | assert!(!instance.get_input1_focused()); |
|---|
| 75 | assert!(!instance.get_input2_focused()); |
|---|
| 76 | assert!(!instance.get_input3_focused()); |
|---|
| 77 | |
|---|
| 78 | instance.invoke_focus_subcompo1(); |
|---|
| 79 | assert!(instance.get_input1_focused()); |
|---|
| 80 | assert!(!instance.get_input2_focused()); |
|---|
| 81 | assert!(!instance.get_input3_focused()); |
|---|
| 82 | |
|---|
| 83 | instance.invoke_focus_subcompo2(); |
|---|
| 84 | assert!(!instance.get_input1_focused()); |
|---|
| 85 | assert!(instance.get_input2_focused()); |
|---|
| 86 | assert!(!instance.get_input3_focused()); |
|---|
| 87 | |
|---|
| 88 | instance.invoke_focus_subcompo3(); |
|---|
| 89 | assert!(!instance.get_input1_focused()); |
|---|
| 90 | assert!(!instance.get_input2_focused()); |
|---|
| 91 | assert!(instance.get_input3_focused()); |
|---|
| 92 | ``` |
|---|
| 93 | |
|---|
| 94 | ```cpp |
|---|
| 95 | auto handle = TestCase::create(); |
|---|
| 96 | const TestCase &instance = *handle; |
|---|
| 97 | assert(!instance.get_input1_focused()); |
|---|
| 98 | assert(!instance.get_input2_focused()); |
|---|
| 99 | assert(!instance.get_input3_focused()); |
|---|
| 100 | |
|---|
| 101 | instance.invoke_focus_subcompo1(); |
|---|
| 102 | assert(instance.get_input1_focused()); |
|---|
| 103 | assert(!instance.get_input2_focused()); |
|---|
| 104 | assert(!instance.get_input3_focused()); |
|---|
| 105 | |
|---|
| 106 | instance.invoke_focus_subcompo2(); |
|---|
| 107 | assert(!instance.get_input1_focused()); |
|---|
| 108 | assert(instance.get_input2_focused()); |
|---|
| 109 | assert(!instance.get_input3_focused()); |
|---|
| 110 | |
|---|
| 111 | instance.invoke_focus_subcompo3(); |
|---|
| 112 | assert(!instance.get_input1_focused()); |
|---|
| 113 | assert(!instance.get_input2_focused()); |
|---|
| 114 | assert(instance.get_input3_focused()); |
|---|
| 115 | ``` |
|---|
| 116 | |
|---|
| 117 | ```js |
|---|
| 118 | var instance = new slint.TestCase(); |
|---|
| 119 | assert(!instance.input1_focused); |
|---|
| 120 | assert(!instance.input2_focused); |
|---|
| 121 | assert(!instance.input3_focused); |
|---|
| 122 | |
|---|
| 123 | instance.focus_subcompo1(); |
|---|
| 124 | assert(instance.input1_focused); |
|---|
| 125 | assert(!instance.input2_focused); |
|---|
| 126 | assert(!instance.input3_focused); |
|---|
| 127 | |
|---|
| 128 | instance.focus_subcompo2(); |
|---|
| 129 | assert(!instance.input1_focused); |
|---|
| 130 | assert(instance.input2_focused); |
|---|
| 131 | assert(!instance.input3_focused); |
|---|
| 132 | |
|---|
| 133 | instance.focus_subcompo3(); |
|---|
| 134 | assert(!instance.input1_focused); |
|---|
| 135 | assert(!instance.input2_focused); |
|---|
| 136 | assert(instance.input3_focused); |
|---|
| 137 | ``` |
|---|
| 138 | */ |
|---|
| 139 | |
|---|
