| <!DOCTYPE html> |
| <script src="resources/responsive-test.js"></script> |
| <script> |
| assertCSSResponsive({ |
| property: 'box-shadow', |
| from: 'green 20px 20px 20px 20px', |
| to: 'inherit', |
| configurations: [{ |
| state: {inherited: 'blue 0px 0px 0px 0px'}, |
| expect: [ |
| {at: 0.25, is: 'rgb(0, 96, 64) 15px 15px 15px 15px'}, |
| {at: 0.75, is: 'rgb(0, 32, 191) 5px 5px 5px 5px'}, |
| ], |
| }, { |
| state: {inherited: 'yellow 100px 100px 100px 100px'}, |
| expect: [ |
| {at: 0.25, is: 'rgb(64, 160, 0) 40px 40px 40px 40px'}, |
| {at: 0.75, is: 'rgb(191, 223, 0) 80px 80px 80px 80px'}, |
| ], |
| }], |
| }); |
| |
| assertCSSResponsive({ |
| property: 'box-shadow', |
| from: 'inherit', |
| to: 'green 20px 20px 20px 20px', |
| configurations: [{ |
| state: {inherited: 'blue 0px 0px 0px 0px, yellow 100px 100px 100px 100px'}, |
| expect: [ |
| {at: 0.25, is: 'rgb(0, 32, 191) 5px 5px 5px 5px, rgba(255, 255, 0, 0.75) 75px 75px 75px 75px'}, |
| {at: 0.75, is: 'rgb(0, 96, 64) 15px 15px 15px 15px, rgba(255, 255, 0, 0.25) 25px 25px 25px 25px'}, |
| ], |
| }, { |
| state: {inherited: 'yellow 100px 100px 100px 100px'}, |
| expect: [ |
| {at: 0.25, is: 'rgb(191, 223, 0) 80px 80px 80px 80px'}, |
| {at: 0.75, is: 'rgb(64, 160, 0) 40px 40px 40px 40px'}, |
| ], |
| }], |
| }); |
| </script> |
