<html class="reftest-wait">
<head>
<style>
.active {
   color: green;
}
svg {
   width: 10%;
}
</style>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script>
    addEventListener("load", async () => {
      setTimeout(() => {
        var svg = document.getElementById("root")
        svg.classList.add("active")
        requestAnimationFrame( () => {
          document.documentElement.classList.remove("reftest-wait");
        })
      },10);
    });
</script>
</head>
<body>
   <div style="color:red">
   <svg xmlns="http://www.w3.org/2000/svg" id="root" version="1.1" viewBox="0 0 16 16">
       <circle fill="none" stroke="currentColor" cx="8" cy="8" r="6"/>
   </svg>
   </div>
</body>
</html>
