| <!DOCTYPE html> |
| <style> |
| div { width: 0px; height: 0px } |
| #reflectionOffset { -webkit-box-reflect: right calc(50%) } |
| #reflectionMask { -webkit-box-reflect: below calc(5px) linear-gradient(white, black) 25 25 25 25 stretch stretch; } |
| </style> |
| <body> |
| <p>Test calling getPropertyValue on computed styles for -webkit-border-image property.</p> |
| <pre id="console"></pre> |
| |
| <div id="reflectionOffset"></div> |
| <div id="reflectionMask"></div> |
| </body> |
| <script> |
| function log(msg) |
| { |
| document.getElementById('console').appendChild(document.createTextNode(msg + '\n')); |
| } |
| |
| function subTest(object, property) |
| { |
| log(' ' + property); |
| var value = document.defaultView.getComputedStyle(object, null).getPropertyValue(property); |
| log(' getPropertyValue: ' + value + (value == 'none' ? ' <- FAIL' : '')); |
| } |
| |
| function test(id, value) |
| { |
| log('-webkit-box-reflect: ' + value + ';'); |
| var object = document.getElementById(id); |
| subTest(object, '-webkit-box-reflect'); |
| } |
| |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| test('reflectionOffset', 'right calc(50%)'); |
| log(''); |
| test('reflectionMask', 'below calc(5px) linear-gradient(white, black) 25 25 25 25 stretch stretch'); |
| </script> |
| |
