# Scrawl-canvas v8 - DOM test 018

## Fullscreen API functionality

### Press the enter/return key to toggle canvas into/out of full screen display mode

#### 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