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 Label entity
- Clone the entity
- Position the entitys on the canvas
- Change the state of a subset of entitys sharing the same state object
- Check the various drawing methods available to the entitys
- Check that the entitys' dimensions update quickly once the font loads, as shown by their bounding boxes: all parts of the text should be inside the bounding box
- Check drag-and-drop works as expected
- Make sure that text positioning (relative to the canvas) is the same across browsers, and the bounding box dimensions are also the same.
Accessibility
- Check that the canvas element's text hold <div> is populated as expected, with entity text ordered in line with their accessibleTextOrder attribute values
- Check that when entitys kill and resurrect themselves, the changes are reflected in the text hold
- Check that when an entity's textIsAccessible attribute changes, the changes are reflected in the text hold, with correct ordering maintained
- Check that the text hold's aria-busy attribute updates (from "false" to "true", then back to "false") when each change takes place
Touch test: should work as expected - though flicking a label may lead to it moving beyond the canvas border and out of sight!
Annotated code