Test purpose
- Create a resizable <canvas> element
- Create a Phrase entity to display in the canvas
- Create hook functions for the Phrase that will be invoked as the <canvas> dimensions are changed
- Check that appropriate hooks are fired, and the Phrase entity updated, in response to changes in the canvas element's dimensions - five states ('banner', 'landscape', 'rectangle', 'portrait', 'skyscraper') should be viewable as the canvas corner is dragged horizontally right (and up) and then diagonally down/left
Touch test: canvas should be resizable
Annotated code