| 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 assertResponsive({ |
| 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 assertResponsive({ |
| 29 property: 'line-height', | 29 property: 'line-height', |
| 30 from: '', | |
| 31 to: '200px', | 30 to: '200px', |
| 32 configurations: [{ | 31 configurations: [{ |
| 33 state: {underlying: '10'}, | 32 state: {underlying: '10'}, |
| 34 expect: [ | 33 expect: [ |
| 35 {at: 0.25, is: '40px'}, | 34 {at: 0.25, is: '40px'}, |
| 36 {at: 0.75, is: '200px'}, | 35 {at: 0.75, is: '200px'}, |
| 37 ], | 36 ], |
| 38 }, { | 37 }, { |
| 39 state: {underlying: '100px'}, | 38 state: {underlying: '100px'}, |
| 40 expect: [ | 39 expect: [ |
| (...skipping 22 matching lines...) Expand all Loading... |
| 63 state: {underlying: 'inherit', inherited: 'normal'}, | 62 state: {underlying: 'inherit', inherited: 'normal'}, |
| 64 expect: [ | 63 expect: [ |
| 65 {at: 0.25, is: 'normal'}, | 64 {at: 0.25, is: 'normal'}, |
| 66 {at: 0.75, is: '200px'}, | 65 {at: 0.75, is: '200px'}, |
| 67 ], | 66 ], |
| 68 }], | 67 }], |
| 69 }); | 68 }); |
| 70 | 69 |
| 71 assertResponsive({ | 70 assertResponsive({ |
| 72 property: 'line-height', | 71 property: 'line-height', |
| 73 from: '', | |
| 74 to: '20', | 72 to: '20', |
| 75 configurations: [{ | 73 configurations: [{ |
| 76 state: {underlying: '10'}, | 74 state: {underlying: '10'}, |
| 77 expect: [ | 75 expect: [ |
| 78 {at: 0.25, is: '50px'}, | 76 {at: 0.25, is: '50px'}, |
| 79 {at: 0.75, is: '70px'}, | 77 {at: 0.75, is: '70px'}, |
| 80 ], | 78 ], |
| 81 }, { | 79 }, { |
| 82 state: {underlying: '100px'}, | 80 state: {underlying: '100px'}, |
| 83 expect: [ | 81 expect: [ |
| (...skipping 20 matching lines...) Expand all Loading... |
| 104 ], | 102 ], |
| 105 }, { | 103 }, { |
| 106 state: {underlying: 'inherit', inherited: 'normal'}, | 104 state: {underlying: 'inherit', inherited: 'normal'}, |
| 107 expect: [ | 105 expect: [ |
| 108 {at: 0.25, is: 'normal'}, | 106 {at: 0.25, is: 'normal'}, |
| 109 {at: 0.75, is: '80px'}, | 107 {at: 0.75, is: '80px'}, |
| 110 ], | 108 ], |
| 111 }], | 109 }], |
| 112 }); | 110 }); |
| 113 </script> | 111 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1444233002:
Change responsive-test.js neutral keyframe format (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@_responsiveHarnessWebAnimations