| Index: LayoutTests/compositing/squashing/squashed-layer-color-update.html | 
| diff --git a/LayoutTests/compositing/squashing/squashed-layer-color-update.html b/LayoutTests/compositing/squashing/squashed-layer-color-update.html | 
| new file mode 100644 | 
| index 0000000000000000000000000000000000000000..60bc3d6fa45b385c8edd27b178afa63ca82a7ab2 | 
| --- /dev/null | 
| +++ b/LayoutTests/compositing/squashing/squashed-layer-color-update.html | 
| @@ -0,0 +1,45 @@ | 
| +<!DOCTYPE html> | 
| +<html> | 
| +<head> | 
| +  <style> | 
| +    .squashed { | 
| +      height: 40px; | 
| +      width: 40px; | 
| +      background-color: lightgreen; | 
| +      position: absolute; | 
| +      top: 90px; | 
| +    } | 
| +    .composited { | 
| +      position: absolute; | 
| +      margin-top: 5px; | 
| +      height: 100px; | 
| +      width: 100px; | 
| +      background-color: lightblue; | 
| +      -webkit-transform: translateZ(1px); | 
| +    } | 
| +  </style> | 
| +  <script> | 
| +      onload = function() { | 
| +          if (window.testRunner) { | 
| +              testRunner.waitUntilDone(); | 
| +              internals.settings.setLayerSquashingEnabled(true); | 
| +          } | 
| + | 
| +          var target = document.getElementById('target3'); | 
| +          requestAnimationFrame(function() { | 
| +              target.style.backgroundColor = 'green'; | 
| +              getComputedStyle(target).backgroundColor; | 
| +              setTimeout(function() { | 
| +                  if (window.testRunner) | 
| +                      testRunner.notifyDone(); | 
| +              }); | 
| +          }); | 
| +      } | 
| +  </script> | 
| +</head> | 
| +<body> | 
| +  <div id="target2" class="second composited"> | 
| +  </div> | 
| +  <div id="target3" class="squashed"></div> | 
| +</body> | 
| +</html> | 
|  |