| <!doctype html> |
| <div style="height: 800px; width: 800px; background-color: lightgray; will-change: transform;"> |
| </div> |
| <div style="position:absolute; top: 0px; height: 200px; width: 200px"> |
| </div> |
| <div style="position:absolute; top: 400px; left: 400px; height: 200px; width: 200px; background-color: lightblue"> |
| <div id="imgElement" style="height: 200px; width: 200px; background-color: lightblue"> |
| </div> |
| </div> |
| <script src="../resources/text-based-repaint.js"></script> |
| <script> |
| // Test that a repaint for the rect containing the changed background image is issued in the coordinate space of the |
| // squashing layer, *not* local to the div with the background image on it. |
| function repaintTest() { |
| var imgElement = document.querySelector("#imgElement"); |
| imgElement.style.backgroundImage = "url('data:image/gif;base64,R0lGODdhAgACAIABAAAAAP///ywAAAAAAgACAAACA0QCBQA7')"; |
| } |
| runRepaintAndPixelTest(); |
| </script> |