OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <script src="../responsive/resources/responsive-test.js"></script> | |
3 <script> | |
4 function serializeSVGTransformList(transformList) { | |
5 var elements = []; | |
6 for (var index = 0; index < transformList.numberOfItems; ++index) { | |
7 var transform = transformList.getItem(index); | |
8 elements.push(transform.type); | |
9 elements.push(transform.angle); | |
10 elements.push(transform.matrix.a); | |
11 elements.push(transform.matrix.b); | |
12 elements.push(transform.matrix.c); | |
13 elements.push(transform.matrix.d); | |
14 elements.push(transform.matrix.e); | |
15 elements.push(transform.matrix.f); | |
16 } | |
17 return String(elements); | |
18 } | |
19 | |
20 assertSVGResponsive({ | |
21 targetTag: 'line', | |
22 property: 'transform', | |
23 getter(target) { | |
24 return serializeSVGTransformList(target.transform.animVal); | |
25 }, | |
26 from: neutralKeyframe, | |
27 to: 'translate(30 70)', | |
28 configurations: [{ | |
29 state: {underlying: 'translate(10 10)'}, | |
30 expect: [ | |
31 {at: 0.25, is: 'translate(15 25)'}, | |
32 {at: 0.75, is: 'translate(25 55)'}, | |
33 ], | |
34 }, { | |
35 state: {underlying: 'translate(20 30) skewX(10)'}, | |
36 expect: [ | |
37 {at: 0.25, is: 'translate(20 30) skewX(10)'}, | |
38 {at: 0.75, is: 'translate(30 70)'}, | |
39 ], | |
40 }], | |
41 }); | |
42 </script> | |
OLD | NEW |