<!DOCTYPE html>
<body>
<script src="../resources/runner.js"></script>
<script src="resources/paint.js"></script>
<div id="block">
  <span id="container" style="-webkit-mask-box-image: url(resources/mask.png) 50 50 50 50"></span>
</div>
<script>
// This test measures the lifecycle update performance when move text
// with mask in a large page.

var initialTextCount = 10000;
var initialText = "";
for (var i = 0; i < initialTextCount; i++) {
  if (i % 10 == 0)
    initialText += '<br>';
  initialText += '<span>abc</span> ';
}

var margin = 10;

measurePaint({
  run: function() {
    margin += 5;
    block.style.marginTop = margin + 'px';
  },
  setup: function() {
    container.innerHTML = initialText;
  },
  done: function() {
    container.innerHTML = '';
  },
});
</script>
</body>