12 Each section below has two boxes, the top runs on the main thread, the bottom
15 This test checks that the compositor and main thread are performing identically
16 given the same input parameters. This test is successful if each pairing of boxes
17 are identical and all the boxes sync up and finish at the same time.
21 Iteration start is set to
0
23 <div id=
"test1a">MT
</div>
24 <div id=
"test1b">CT
</div>
26 Iteration start is set to
0.4
28 <div id=
"test2a">MT
</div>
29 <div id=
"test2b">CT
</div>
31 Iteration start is set to
0.8
33 <div id=
"test3a">MT
</div>
34 <div id=
"test3b">CT
</div>
36 Iteration start is set to
0, iterations is
3, direction is set to alternate
38 <div id=
"test4a">MT
</div>
39 <div id=
"test4b">CT
</div>
41 Iteration start is set to
1, iterations is
3, direction is set to alternate-reverse
43 <div id=
"test5a">MT
</div>
44 <div id=
"test5b">CT
</div>
46 Iteration start is set to
1, iterations is
3, direction is set to alternate, playback rate is set to -
1
48 <div id=
"test6a">MT
</div>
49 <div id=
"test6b">CT
</div>
53 var transformKeyframes
= [
54 {transform
: 'translateX(0px)'},
55 {transform
: 'translateX(500px)'}
61 var player1a
= test1a
.animate(leftKeyframes
, {
66 var player1b
= test1b
.animate(transformKeyframes
, {
71 var player2a
= test2a
.animate(leftKeyframes
, {
78 var player2b
= test2b
.animate(transformKeyframes
, {
85 var player3a
= test3a
.animate(leftKeyframes
, {
92 var player3b
= test3b
.animate(transformKeyframes
, {
99 var player4a
= test4a
.animate(leftKeyframes
, {
103 direction
: 'alternate',
105 var player4b
= test4b
.animate(transformKeyframes
, {
109 direction
: 'alternate',
111 var player5a
= test5a
.animate(leftKeyframes
, {
116 direction
: 'alternate-reverse',
118 var player5b
= test5b
.animate(transformKeyframes
, {
123 direction
: 'alternate-reverse',
125 var player6a
= test6a
.animate(leftKeyframes
, {
130 direction
: 'alternate',
133 var player6b
= test6b
.animate(transformKeyframes
, {
138 direction
: 'alternate',