| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="resources/responsive-test.js"></script> | 2 <script src="resources/responsive-test.js"></script> |
| 3 <script> | 3 <script> |
| 4 assertCSSResponsive({ | 4 assertCSSResponsive({ |
| 5 property: 'box-shadow', | 5 property: 'box-shadow', |
| 6 from: 'green 20px 20px 20px 20px', | 6 from: 'green 20px 20px 20px 20px', |
| 7 to: 'inherit', | 7 to: 'inherit', |
| 8 configurations: [{ | 8 configurations: [{ |
| 9 state: {inherited: 'blue 0px 0px 0px 0px'}, | 9 state: {inherited: 'blue 0px 0px 0px 0px'}, |
| 10 expect: [ | 10 expect: [ |
| 11 {at: 0.25, is: 'rgb(0, 96, 64) 15px 15px 15px 15px'}, | 11 {at: 0.25, is: 'rgb(0, 96, 64) 15px 15px 15px 15px'}, |
| 12 {at: 0.75, is: 'rgb(0, 32, 191) 5px 5px 5px 5px'}, | 12 {at: 0.75, is: 'rgb(0, 32, 191) 5px 5px 5px 5px'}, |
| 13 ], | 13 ], |
| 14 }, { | 14 }, { |
| 15 state: {inherited: 'yellow 100px 100px 100px 100px'}, | 15 state: {inherited: 'yellow 100px 100px 100px 100px'}, |
| 16 expect: [ | 16 expect: [ |
| 17 {at: 0.25, is: 'rgb(64, 160, 0) 40px 40px 40px 40px'}, | 17 {at: 0.25, is: 'rgb(64, 160, 0) 40px 40px 40px 40px'}, |
| 18 {at: 0.75, is: 'rgb(191, 223, 0) 80px 80px 80px 80px'}, | 18 {at: 0.75, is: 'rgb(191, 223, 0) 80px 80px 80px 80px'}, |
| 19 ], | 19 ], |
| 20 }], | 20 }], |
| 21 }); | 21 }); |
| 22 | 22 |
| 23 assertCSSResponsive({ | 23 assertCSSResponsive({ |
| 24 property: 'box-shadow', | 24 property: 'box-shadow', |
| 25 from: 'inherit', | 25 from: 'inherit', |
| 26 to: 'green 20px 20px 20px 20px', | 26 to: 'green 20px 20px 20px 20px', |
| 27 configurations: [{ | 27 configurations: [{ |
| 28 state: {inherited: 'blue 0px 0px 0px 0px, yellow 100px 100px 100px 100px'}, | 28 state: {inherited: 'blue 0px 0px 0px 0px, yellow 100px 100px 100px 100px'}, |
| 29 expect: [ | 29 expect: [ |
| 30 {at: 0.25, is: 'rgb(0, 32, 191) 5px 5px 5px 5px, rgb(191, 223, 0) 80px 80p
x 80px 80px'}, | 30 {at: 0.25, is: 'rgb(0, 32, 191) 5px 5px 5px 5px, rgba(255, 255, 0, 0.75) 7
5px 75px 75px 75px'}, |
| 31 {at: 0.75, is: 'rgb(0, 96, 64) 15px 15px 15px 15px, rgb(64, 160, 0) 40px 4
0px 40px 40px'}, | 31 {at: 0.75, is: 'rgb(0, 96, 64) 15px 15px 15px 15px, rgba(255, 255, 0, 0.25
) 25px 25px 25px 25px'}, |
| 32 ], | 32 ], |
| 33 }, { | 33 }, { |
| 34 state: {inherited: 'yellow 100px 100px 100px 100px'}, | 34 state: {inherited: 'yellow 100px 100px 100px 100px'}, |
| 35 expect: [ | 35 expect: [ |
| 36 {at: 0.25, is: 'rgb(191, 223, 0) 80px 80px 80px 80px'}, | 36 {at: 0.25, is: 'rgb(191, 223, 0) 80px 80px 80px 80px'}, |
| 37 {at: 0.75, is: 'rgb(64, 160, 0) 40px 40px 40px 40px'}, | 37 {at: 0.75, is: 'rgb(64, 160, 0) 40px 40px 40px 40px'}, |
| 38 ], | 38 ], |
| 39 }], | 39 }], |
| 40 }); | 40 }); |
| 41 </script> | 41 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2844213002:
Fix behaviour of shadow interpolation with mismatched list lengths (Closed)
