Test purpose
- Create a selection of Pattern objects, using images as their asset
- Create a Pattern object using a video asset
- Create a Cell wrapper which can be animated and used as a pattern
- Create a Cell wrapper that hosts a Picture entity using a spritesheet as its asset, which can be animated and used as a pattern
- Create a Block entity that uses patterns for its fillStyle attribute
- Check that all patterns load and display as required
- Check that all patterns are rendered appropriately when the display Block is moved and manipulated (note: patterns will not scale as the Block scales)
- Check that all patterns react appropriately as the 'repeat' attribute is updated (in real time)
- Check that all patterns react appropriately as each of the six pattern matrix values is manipulated (in real time)
Known issue: The Firefox browser has a longstanding bug where it only recognises the 'repeat' and 'no-repeat' values for the Pattern `repeat` attribute. Also, the 'no-repeat' value will produce faulty output.
Touch test: should work as expected
Annotated code