OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../responsive/resources/responsive-test.js"></script> | 2 <script src="resources/responsive-test.js"></script> |
3 <script> | 3 <script> |
4 assertSVGResponsive({ | 4 assertSVGResponsive({ |
5 targetTag: 'text', | 5 targetTag: 'text', |
6 property: 'x', | 6 property: 'x', |
7 from: neutralKeyframe, | 7 from: neutralKeyframe, |
8 to: '100 100', | 8 to: '100 100', |
9 getter(target) { | 9 getter(target) { |
10 return Array.from(target.x.animVal).map(length => length.value).join(' '); | 10 return Array.from(target.x.animVal).map(length => length.value).join(' '); |
11 }, | 11 }, |
12 configurations: [{ | 12 configurations: [{ |
13 state: {underlying: '0 0'}, | 13 state: {underlying: '0 0'}, |
14 expect: [ | 14 expect: [ |
15 {at: 0.25, is: '25 25'}, | 15 {at: 0.25, is: '25 25'}, |
16 {at: 0.75, is: '75 75'}, | 16 {at: 0.75, is: '75 75'}, |
17 ], | 17 ], |
18 }, { | 18 }, { |
19 state: {underlying: '50'}, | 19 state: {underlying: '50'}, |
20 expect: [ | 20 expect: [ |
21 {at: 0.25, is: '50'}, | 21 {at: 0.25, is: '50'}, |
22 {at: 0.75, is: '100 100'}, | 22 {at: 0.75, is: '100 100'}, |
23 ], | 23 ], |
24 }], | 24 }], |
25 }); | 25 }); |
26 </script> | 26 </script> |
OLD | NEW |