| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| </head> |
| <body> |
| <p id="description"></p> |
| <div id="console"></div> |
| <script> |
| description("Test the parsing of the image-rendering property."); |
| |
| var div; |
| function testImageRendering(value, computedValue) |
| { |
| div = document.createElement("div"); |
| document.body.appendChild(div); |
| div.setAttribute("style", "image-rendering: " + value); |
| shouldBe("div.style.getPropertyCSSValue('image-rendering').cssValueType", 'CSSValue.CSS_PRIMITIVE_VALUE'); |
| shouldBeEqualToString("div.style.getPropertyValue('image-rendering')", value); |
| shouldBeEqualToString("getComputedStyle(div).getPropertyValue('image-rendering')", computedValue); |
| |
| document.body.removeChild(div); |
| } |
| |
| testImageRendering('auto', 'auto'); |
| testImageRendering('crisp-edges', 'crisp-edges'); |
| testImageRendering('pixelated', 'pixelated'); |
| testImageRendering('-webkit-crisp-edges', 'crisp-edges'); |
| testImageRendering('-webkit-optimize-contrast', 'crisp-edges'); |
| testImageRendering('optimizeSpeed', 'optimizeSpeed'); |
| testImageRendering('optimizeQuality', 'optimizeQuality'); |
| |
| successfullyParsed = true; |
| </script> |
| <script src="../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
