| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 .target { | 3 .target { |
| 4 font-size: 4px; | 4 font-size: 4px; |
| 5 } | 5 } |
| 6 </style> | 6 </style> |
| 7 <script src="resources/responsive-test.js"></script> | 7 <script src="resources/responsive-test.js"></script> |
| 8 <script> | 8 <script> |
| 9 assertResponsive({ | 9 assertCSSResponsive({ |
| 10 property: 'line-height', | 10 property: 'line-height', |
| 11 from: 'inherit', | 11 from: 'inherit', |
| 12 to: '200px', | 12 to: '200px', |
| 13 configurations: [{ | 13 configurations: [{ |
| 14 state: {inherited: '100px'}, | 14 state: {inherited: '100px'}, |
| 15 expect: [ | 15 expect: [ |
| 16 {at: 0.25, is: '125px'}, | 16 {at: 0.25, is: '125px'}, |
| 17 {at: 0.75, is: '175px'}, | 17 {at: 0.75, is: '175px'}, |
| 18 ], | 18 ], |
| 19 }, { | 19 }, { |
| 20 state: {inherited: '10'}, | 20 state: {inherited: '10'}, |
| 21 expect: [ | 21 expect: [ |
| 22 {at: 0.25, is: '40px'}, | 22 {at: 0.25, is: '40px'}, |
| 23 {at: 0.75, is: '200px'}, | 23 {at: 0.75, is: '200px'}, |
| 24 ], | 24 ], |
| 25 }], | 25 }], |
| 26 }); | 26 }); |
| 27 | 27 |
| 28 assertResponsive({ | 28 assertCSSResponsive({ |
| 29 property: 'line-height', | 29 property: 'line-height', |
| 30 to: '200px', | 30 to: '200px', |
| 31 configurations: [{ | 31 configurations: [{ |
| 32 state: {underlying: '10'}, | 32 state: {underlying: '10'}, |
| 33 expect: [ | 33 expect: [ |
| 34 {at: 0.25, is: '40px'}, | 34 {at: 0.25, is: '40px'}, |
| 35 {at: 0.75, is: '200px'}, | 35 {at: 0.75, is: '200px'}, |
| 36 ], | 36 ], |
| 37 }, { | 37 }, { |
| 38 state: {underlying: '100px'}, | 38 state: {underlying: '100px'}, |
| (...skipping 21 matching lines...) Expand all Loading... |
| 60 ], | 60 ], |
| 61 }, { | 61 }, { |
| 62 state: {underlying: 'inherit', inherited: 'normal'}, | 62 state: {underlying: 'inherit', inherited: 'normal'}, |
| 63 expect: [ | 63 expect: [ |
| 64 {at: 0.25, is: 'normal'}, | 64 {at: 0.25, is: 'normal'}, |
| 65 {at: 0.75, is: '200px'}, | 65 {at: 0.75, is: '200px'}, |
| 66 ], | 66 ], |
| 67 }], | 67 }], |
| 68 }); | 68 }); |
| 69 | 69 |
| 70 assertResponsive({ | 70 assertCSSResponsive({ |
| 71 property: 'line-height', | 71 property: 'line-height', |
| 72 to: '20', | 72 to: '20', |
| 73 configurations: [{ | 73 configurations: [{ |
| 74 state: {underlying: '10'}, | 74 state: {underlying: '10'}, |
| 75 expect: [ | 75 expect: [ |
| 76 {at: 0.25, is: '50px'}, | 76 {at: 0.25, is: '50px'}, |
| 77 {at: 0.75, is: '70px'}, | 77 {at: 0.75, is: '70px'}, |
| 78 ], | 78 ], |
| 79 }, { | 79 }, { |
| 80 state: {underlying: '100px'}, | 80 state: {underlying: '100px'}, |
| (...skipping 21 matching lines...) Expand all Loading... |
| 102 ], | 102 ], |
| 103 }, { | 103 }, { |
| 104 state: {underlying: 'inherit', inherited: 'normal'}, | 104 state: {underlying: 'inherit', inherited: 'normal'}, |
| 105 expect: [ | 105 expect: [ |
| 106 {at: 0.25, is: 'normal'}, | 106 {at: 0.25, is: 'normal'}, |
| 107 {at: 0.75, is: '80px'}, | 107 {at: 0.75, is: '80px'}, |
| 108 ], | 108 ], |
| 109 }], | 109 }], |
| 110 }); | 110 }); |
| 111 </script> | 111 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1450123003:
Add SVG animation support to responsive-test.js (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@_responsiveNeutralValueFormat