| <!DOCTYPE html> |
| <script src="resources/responsive-test.js"></script> |
| <script> |
| assertCSSResponsive({ |
| property: 'translate', |
| from: 'inherit', |
| to: '100px 200px 300px', |
| configurations: [{ |
| state: {inherited: 'initial'}, |
| expect: [ |
| {at: 0.25, is: '25px 50px 75px'}, |
| {at: 0.75, is: '75px 150px 225px'}, |
| ], |
| }, { |
| state: {inherited: '0'}, |
| expect: [ |
| {at: 0.25, is: '25px 50px 75px'}, |
| {at: 0.75, is: '75px 150px 225px'}, |
| ], |
| }, { |
| state: {inherited: '200px 100px'}, |
| expect: [ |
| {at: 0.25, is: '175px 125px 75px'}, |
| {at: 0.75, is: '125px 175px 225px'}, |
| ], |
| }, { |
| state: {inherited: '100px 100px 100px'}, |
| expect: [ |
| {at: 0.25, is: '100px 125px 150px'}, |
| {at: 0.75, is: '100px 175px 250px'}, |
| ], |
| }], |
| }); |
| </script> |