# Scrawl-canvas v8 - DOM test 006

## Tween actions on a DOM element; tracking tween and ticker activity

### Click on the animation to make the boat reverse direction

#### Test purpose

- Clone a stack element and add it to the stack
- Clone a tween, letting the tween subscribe to the original tween's ticker
- Clone a tween, making it create its own associated ticker
- Manipulate a tween while it is running, forcing it to stop, reverse and resume its animation
- Add action objects to the tween's ticker
- Check that action objects behave correctly, dependent on the current animation direction of the tween:

- The largest boat will change colours as it circles
- The middle boat will follow the largest boat, but will not change colour
- The smallest boat will circle slightly faster than the other two boats
- On reversing, the smallest boat will halt while the other two boats reverse direction

We can also test tracking tween/ticker activity (in this case, using Google Analytics):

- Setup Google Analytics
- Check that appropriate GA hit reports get generated when tweens start, halt, resume and reverse
- Check that appropriate GA hit reports get generated at specific points in the ticker timeline's progress (50%, 100%)

Touch test: should work as expected

Annotated code