| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| #sizePair { -webkit-background-size: 10px 20px; } |
| #sizeSingle { -webkit-background-size: 10px; } |
| #zeroSizePair { -webkit-background-size: 0px 0px; } |
| #zeroSizeSingle { -webkit-background-size: 0px; } |
| </style> |
| <script type="text/javascript"> |
| function log(msg) |
| { |
| document.getElementById('console').appendChild(document.createTextNode(msg + '\n')); |
| } |
| |
| function test(id, prop) |
| { |
| var ob = document.getElementById(id + 'Pair'); |
| log('getPropertyValue(' + prop + '): ' + document.defaultView.getComputedStyle(ob, null).getPropertyValue(prop)); |
| log('getPropertyCSSValue(' + prop + '): ' + document.defaultView.getComputedStyle(ob, null).getPropertyCSSValue(prop)); |
| ob = document.getElementById(id + 'Single'); |
| log('getPropertyValue(' + prop + '): ' + document.defaultView.getComputedStyle(ob, null).getPropertyValue(prop)); |
| log('getPropertyCSSValue(' + prop + '): ' + document.defaultView.getComputedStyle(ob, null).getPropertyCSSValue(prop)); |
| } |
| |
| function runTests() |
| { |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| test('size', '-webkit-background-size'); |
| |
| log(''); |
| |
| log('Test getting background size of 0.') |
| test('zeroSize', '-webkit-background-size'); |
| |
| log(''); |
| |
| log('Test getting initial value of the background size.') |
| var ob = document.getElementById('sizeInit'); |
| log('getPropertyValue(-webkit-background-size): ' + document.defaultView.getComputedStyle(ob, null).getPropertyValue('-webkit-background-size')); |
| log('getPropertyCSSValue(-webkit-background-size): ' + document.defaultView.getComputedStyle(ob, null).getPropertyCSSValue('-webkit-background-size')); |
| } |
| </script> |
| </head> |
| <body onload="runTests();"> |
| <p>Test calling getPropertyValue on computed styles for -webkit-backround-size properties.</p> |
| <pre id="console"></pre> |
| |
| <div id="sizePair"></div> |
| <div id="sizeSingle"></div> |
| <div id="zeroSizePair"></div> |
| <div id="zeroSizeSingle"></div> |
| <div id="sizeInit"></div> |
| </body> |
| </html> |
