Index: third_party/WebKit/LayoutTests/paint/invalidation/multiple-backgrounds-style-change.html |
diff --git a/third_party/WebKit/LayoutTests/paint/invalidation/multiple-backgrounds-style-change.html b/third_party/WebKit/LayoutTests/paint/invalidation/multiple-backgrounds-style-change.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..1b237c73174496fbf83c87abff5afbab1e3ba797 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/paint/invalidation/multiple-backgrounds-style-change.html |
@@ -0,0 +1,31 @@ |
+<!DOCTYPE html> |
+<style> |
+ .box { |
+ height: 200px; |
+ width: 200px; |
+ border: 1px solid black; |
+ background-repeat: no-repeat; |
+ background-size: 100px 100px; |
+ background-position: 0 0, 100px 100px; |
+ background-image: url('../../images/resources/green-256x256.jpg'), url('../images/resources/dice.png'); |
+ } |
+ |
+ .composited { |
+ transform: translate3d(0, 0, 0); |
+ } |
+ |
+ .composited.changed { |
+ transform: translate3d(50px, 50px, 0); |
+ } |
+</style> |
+<script src="resources/text-based-repaint.js"></script> |
+<script> |
+ function repaintTest() |
+ { |
+ document.getElementById('test').classList.add('changed'); |
+ } |
+ |
+ onload = runRepaintAndPixelTest; |
+</script> |
+<div id="test" class="composited box"> |
+</div> |