To note: Javascript is not running in this browser environment. Our apologies, but this demo has not yet been updated to support progressive enhancement.
Test purpose
Create a keyboard-mediated User Interaction to make the canvas element fullscreen
- The test creates the same functionality as described in Demo Canvas-005.
- Press the return key to expand the canvas into fullscreen mode
- The canvas should not flicker as it transitions to fill the screen; once in fullscreen mode the animation should continue as before
- The top and bottom Block and Wheel entitys should not change size or shape as they have absolute dimensions; the middle entitys should shange shape/size as they have relative dimensions
- All entitys should maintain their positioning within the scene in relation to each other, as they all have relative positioning
- Check that the mouse cursor changes as expected when hovered over an entity
- Check that all entitys can be dragged as expected, and the Block with the animated gradient responds as expected when dragged
- Press the return key to deflate the canvas back into its position in the web page; note that the esc key should also invoke this action
- Repeat position, size, UI and animation checks
Touch test: should work as expected
Annotated code