| <!DOCTYPE html> |
| <script src="resources/responsive-test.js"></script> |
| <script> |
| assertSVGResponsive({ |
| targetTag: 'polygon', |
| property: 'points', |
| getter(target) { |
| return Array.from(target.animatedPoints).map(p => `${p.x} ${p.y}`).join(', '); |
| }, |
| from: neutralKeyframe, |
| to: '10 20, 30 40', |
| configurations: [{ |
| state: {underlying: '10 10, 20 20'}, |
| expect: [ |
| {at: 0.25, is: '10 12.5, 22.5 25'}, |
| {at: 0.75, is: '10 17.5, 27.5 35'}, |
| ], |
| }, { |
| state: {underlying: '10 10'}, |
| expect: [ |
| {at: 0.25, is: '10 10'}, |
| {at: 0.75, is: '10 20, 30 40'}, |
| ], |
| }], |
| }); |
| </script> |