<!DOCTYPE html>
<html>
  <head>
    <style>
    body {
      margin: 0;
    }

    .animated {
      -webkit-animation: test 1s;
    }

    @-webkit-keyframes test {
      from {
        padding: 0;
      }
      to {
        padding: 0;
      }
    }
    </style>
    <script src="resources/text-based-repaint.js"></script>
    <script>
    function repaintTest() {
      // This should not trigger a repaint.
      document.body.classList.add('animated');
    }
    </script>
  </head>
  <body onload="runRepaintTest();">
    <ul>
      <li>Test</li>
    </ul>
  </body>
</html>