| OLD | NEW |
|---|
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <style> | |
| 3 .target { | |
| 4 font-size: 4px; | |
| 5 } | |
| 6 </style> | |
| 7 <script src="resources/responsive-test.js"></script> | |
| 8 <script> | |
| 9 assertCSSResponsive({ | |
| 10 property: 'line-height', | |
| 11 from: 'inherit', | |
| 12 to: '200px', | |
| 13 configurations: [{ | |
| 14 state: {inherited: '100px'}, | |
| 15 expect: [ | |
| 16 {at: 0.25, is: '125px'}, | |
| 17 {at: 0.75, is: '175px'}, | |
| 18 ], | |
| 19 }, { | |
| 20 state: {inherited: '10'}, | |
| 21 expect: [ | |
| 22 {at: 0.25, is: '40px'}, | |
| 23 {at: 0.75, is: '200px'}, | |
| 24 ], | |
| 25 }], | |
| 26 }); | |
| 27 | |
| 28 assertCSSResponsive({ | |
| 29 property: 'line-height', | |
| 30 from: neutralKeyframe, | |
| 31 to: '200px', | |
| 32 configurations: [{ | |
| 33 state: {underlying: '10'}, | |
| 34 expect: [ | |
| 35 {at: 0.25, is: '40px'}, | |
| 36 {at: 0.75, is: '200px'}, | |
| 37 ], | |
| 38 }, { | |
| 39 state: {underlying: '100px'}, | |
| 40 expect: [ | |
| 41 {at: 0.25, is: '125px'}, | |
| 42 {at: 0.75, is: '175px'}, | |
| 43 ], | |
| 44 }, { | |
| 45 state: {underlying: 'normal'}, | |
| 46 expect: [ | |
| 47 {at: 0.25, is: 'normal'}, | |
| 48 {at: 0.75, is: '200px'}, | |
| 49 ], | |
| 50 }, { | |
| 51 state: {underlying: 'inherit', inherited: '10'}, | |
| 52 expect: [ | |
| 53 {at: 0.25, is: '40px'}, | |
| 54 {at: 0.75, is: '200px'}, | |
| 55 ], | |
| 56 }, { | |
| 57 state: {underlying: 'inherit', inherited: '100px'}, | |
| 58 expect: [ | |
| 59 {at: 0.25, is: '125px'}, | |
| 60 {at: 0.75, is: '175px'}, | |
| 61 ], | |
| 62 }, { | |
| 63 state: {underlying: 'inherit', inherited: 'normal'}, | |
| 64 expect: [ | |
| 65 {at: 0.25, is: 'normal'}, | |
| 66 {at: 0.75, is: '200px'}, | |
| 67 ], | |
| 68 }], | |
| 69 }); | |
| 70 | |
| 71 assertCSSResponsive({ | |
| 72 property: 'line-height', | |
| 73 from: neutralKeyframe, | |
| 74 to: '20', | |
| 75 configurations: [{ | |
| 76 state: {underlying: '10'}, | |
| 77 expect: [ | |
| 78 {at: 0.25, is: '50px'}, | |
| 79 {at: 0.75, is: '70px'}, | |
| 80 ], | |
| 81 }, { | |
| 82 state: {underlying: '100px'}, | |
| 83 expect: [ | |
| 84 {at: 0.25, is: '100px'}, | |
| 85 {at: 0.75, is: '80px'}, | |
| 86 ], | |
| 87 }, { | |
| 88 state: {underlying: 'normal'}, | |
| 89 expect: [ | |
| 90 {at: 0.25, is: 'normal'}, | |
| 91 {at: 0.75, is: '80px'}, | |
| 92 ], | |
| 93 }, { | |
| 94 state: {underlying: 'inherit', inherited: '10'}, | |
| 95 expect: [ | |
| 96 {at: 0.25, is: '50px'}, | |
| 97 {at: 0.75, is: '70px'}, | |
| 98 ], | |
| 99 }, { | |
| 100 state: {underlying: 'inherit', inherited: '100px'}, | |
| 101 expect: [ | |
| 102 {at: 0.25, is: '100px'}, | |
| 103 {at: 0.75, is: '80px'}, | |
| 104 ], | |
| 105 }, { | |
| 106 state: {underlying: 'inherit', inherited: 'normal'}, | |
| 107 expect: [ | |
| 108 {at: 0.25, is: 'normal'}, | |
| 109 {at: 0.75, is: '80px'}, | |
| 110 ], | |
| 111 }], | |
| 112 }); | |
| 113 </script> | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2973013002:
Group all responsive animation tests together (Closed)
