resize-skewed.html | Explore in Territory

<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
  document.getElementById('skewed').style.width = '200px';
}
onload = runRepaintAndPixelTest;
</script>
<style>
div {
  position: absolute;
  transform: skew(-45deg);
  transform-origin: left top;
  top: 50px;
  left: 500px;
  height: 500px;
}
#skewed {
  width: 100px;
  background-color: green;
}
#indicator {
  width: 200px; 
  background-color: red;
}
</style>
Tests paint invalidation when a skewed element is resized. Passes if there is no red. 
<div id="indicator"></div>
<div id="skewed"></div>

chromium/third_party/blink/web_tests/paint/invalidation/transform/resize-skewed.html