| CARVIEW |
Select Language
HTTP/2 200
server: GitHub.com
content-type: text/html; charset=utf-8
last-modified: Tue, 09 Sep 2025 17:32:19 GMT
access-control-allow-origin: *
strict-transport-security: max-age=31557600
etag: W/"68c064a3-1cfa"
expires: Sat, 11 Oct 2025 21:10:54 GMT
cache-control: max-age=600
content-encoding: gzip
x-proxy-cache: MISS
x-github-request-id: 2B03:36702D:CC651:F88A7:68EAC585
accept-ranges: bytes
age: 0
date: Sat, 11 Oct 2025 21:00:54 GMT
via: 1.1 varnish
x-served-by: cache-bom-vanm7210035-BOM
x-cache: MISS
x-cache-hits: 0
x-timer: S1760216454.987538,VS0,VE311
vary: Accept-Encoding
x-fastly-request-id: b5d02aae82090a15bff663d5a46925cb04575cff
content-length: 2003
List of UX Test Cases | spatial-navigation
spatial-navigation
List of UX Test Cases
We’ve collected the test cases for investigating proper spatial navigation behavior. The results of test cases are “desirable” behavior, so it may not seem to be correct for some users.
NOTE:
- Search origin: In general, the currently focused element and the origin for searching the element which will gain the focus.
- Candidate: The element which is positioned in the navigation direction from the currently focused element.
- Best candidate: The element which will gain the focus from the currently focused element.
| Test Name | Test Summary |
| Grid Layout 1 | Focus will move from the search origin to the best candidate, and the elements are positioned in the grid-like layout. |
| Grid Layout 2 | Focus will move from the search origin to the best candidate when the elements are positioned in the masonry layout. |
| Grid Layout 3 | Focus will move from the search origin to one of the candidates when there are multiple candidates which have the same Euclidean distance from the search origin. |
| Grid Layout 4 | Focus will move from the search origin to the best candidate, and the elements are positioned in the grid-like layout. |
| Grid Align 1 | Focus will move from the search origin to one of the candidates when there are multiple candidates which have the same Euclidean distance from the search origin. |
| Grid Align 2 | Focus will move from the search origin to one of the candidates. The Euclidean distances from the search origin of each element are slightly different (1px). But the amount of alignment between the search origin are significantly different. |
| Grid Align 3 | Focus will move from the search origin to one of the candidates. This test aims to make sure that the Euclidean distance affects more than the amount of alignment to the final value of the distance function. |
| Grid Align 4 | Focus will move from the search origin to one of the candidates. This test aims to make sure that the Euclidean distance has a decisive effect on the final value of the distance function more than the degree of alignment. |
| Element Intersect 1 | Focus will move from the search origin to one of the candidates. This test aims to make sure that the amount of intersected area affects more than the Euclidean distance to the final value of the distance function. |
| Element Intersect 2 | Focus will move from the search origin to one of the candidates. This test aims to make sure that the amount of intersected area affects more than the degree of alignment to the final value of the distance function. |
| Transformed elements | Focus will move from the search origin to transformed elements. This test aims to find out the amount of transformation of an element will affect the result of distance function or not. |
| Fragmented elements | Focus will move from the search origin to the fragmented text element. |
This site is open source. Improve this page.