| <!DOCTYPE html> |
| <style> |
| div { |
| width: 40px; |
| height: 40px; |
| } |
| </style> |
| <body> |
| <!-- This test verifies if CSS sprite image is shown, instead of placeholder image. --> |
| <div id="sprite1"></div> |
| <div id="sprite2"></div> |
| <div id="sprite3"></div> |
| <div id="sprite4"></div> |
| <script> |
| internals.settings.setFetchImagePlaceholders(true); |
| document.getElementById("sprite1").style.cssText = 'background: url(https://127.0.0.1:8443/resources/square200.png) 0 0;'; |
| document.getElementById("sprite2").style.cssText = 'background: url(https://127.0.0.1:8443/resources/square200.png) 0 10px;'; |
| document.getElementById("sprite3").style.cssText = 'background: url(https://127.0.0.1:8443/resources/square200.png) 10px 0;'; |
| document.getElementById("sprite4").style.cssText = 'background: none, url(https://127.0.0.1:8443/resources/square200.png) 10px 10px;'; |
| </script> |
| </body> |
