| 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 |