<!DOCTYPE html>
<script src="../../resources/ui-helper.js"></script>
<style>
input {
  width: 500px;
  font-size: 18px;
  text-decoration-line: underline;
  text-decoration-color: red;
  outline: none;
}
</style>
<input id=changeThis type='text' value="PASS if underline color changes">
<pre id=result></pre>
<script>
if (window.testRunner) {
  testRunner.waitUntilDone();
  testRunner.dumpAsText(true);
}
setTimeout(async () => {
  await UIHelper.renderingUpdate();
  if (window.internals)
    internals.startTrackingRepaints();
  changeThis.style.textDecorationColor = "green";
  document.body.offsetHeight;
  if (internals) {
    result.textContent = internals.repaintRectsAsText().length ? "PASS" : "FAIL -no repaint happened";
    internals.stopTrackingRepaints();
  }
  if (window.testRunner)
    testRunner.notifyDone();
}, 0);
</script>