Bug 1633038 - Adjust some tests to wait for load event to try to ensure styles are loaded r=dholbert

Differential Revision: https://phabricator.services.mozilla.com/D90093

layout/reftests/svg/text/selectSubString-2-ref.svg

@@ -2,15 +2,18 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
-<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" class="reftest-wait">
   <g transform="translate(100,100)" style="font: 16px sans-serif">
     <text>hello</text>
   </g>
   <script>
-    var text = document.getElementsByTagName("text")[0];
-    var range = document.createRange();
-    range.setStart(text.firstChild, 0);
-    range.setEnd(text.firstChild, 5);
-    window.getSelection().addRange(range);
+    onload = function() {
+      var text = document.getElementsByTagName("text")[0];
+      var range = document.createRange();
+      range.setStart(text.firstChild, 0);
+      range.setEnd(text.firstChild, 5);
+      window.getSelection().addRange(range);
+      document.documentElement.removeAttribute("class");
+    }
   </script>
 </svg>

layout/reftests/svg/text/selectSubString-2.svg

@@ -2,12 +2,15 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
-<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" class="reftest-wait">
   <g transform="translate(100,100)" style="font: 16px sans-serif">
     <text>hello</text>
   </g>
   <script>
-    var text = document.getElementsByTagName("text")[0];
-    text.selectSubString(0, 5);
+    onload = function() {
+      var text = document.getElementsByTagName("text")[0];
+      text.selectSubString(0, 5);
+      document.documentElement.removeAttribute("class");
+    }
   </script>
 </svg>

layout/reftests/svg/text/selectSubString-3-ref.svg

@@ -2,15 +2,18 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
-<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" class="reftest-wait">
   <g transform="translate(100,100)" style="font: 16px sans-serif">
     <text>abc אבג 123 דהו def</text>
   </g>
   <script>
-    var text = document.getElementsByTagName("text")[0];
-    var range = document.createRange();
-    range.setStart(text.firstChild, 0);
-    range.setEnd(text.firstChild, 9);
-    window.getSelection().addRange(range);
+    onload = function() {
+      var text = document.getElementsByTagName("text")[0];
+      var range = document.createRange();
+      range.setStart(text.firstChild, 0);
+      range.setEnd(text.firstChild, 9);
+      window.getSelection().addRange(range);
+      document.documentElement.removeAttribute("class");
+    }
   </script>
 </svg>

layout/reftests/svg/text/selectSubString-3.svg

@@ -2,14 +2,17 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
-<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" class="reftest-wait">
   <g transform="translate(100,100)" style="font: 16px sans-serif">
     <text>
         abc אבג 123 דהו def
     </text>
   </g>
   <script>
-    var text = document.getElementsByTagName("text")[0];
-    text.selectSubString(0, 9);
+    onload = function() {
+      var text = document.getElementsByTagName("text")[0];
+      text.selectSubString(0, 9);
+      document.documentElement.removeAttribute("class");
+    }
   </script>
 </svg>

layout/reftests/svg/text/selectSubString-ref.svg

@@ -2,15 +2,18 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
-<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" class="reftest-wait">
   <g transform="translate(100,100)" style="font: 16px sans-serif">
     <text>hello</text>
   </g>
   <script>
-    var text = document.getElementsByTagName("text")[0];
-    var range = document.createRange();
-    range.setStart(text.firstChild, 1);
-    range.setEnd(text.firstChild, 4);
-    window.getSelection().addRange(range);
+    onload = function() {
+      var text = document.getElementsByTagName("text")[0];
+      var range = document.createRange();
+      range.setStart(text.firstChild, 1);
+      range.setEnd(text.firstChild, 4);
+      window.getSelection().addRange(range);
+      document.documentElement.removeAttribute("class");
+    }
   </script>
 </svg>

layout/reftests/svg/text/selectSubString.svg

@@ -2,12 +2,15 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
-<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200">
+<svg xmlns="http://www.w3.org/2000/svg" width="700" height="200" class="reftest-wait">
   <g transform="translate(100,100)" style="font: 16px sans-serif">
     <text>hello</text>
   </g>
   <script>
-    var text = document.getElementsByTagName("text")[0];
-    text.selectSubString(1, 3);
+    onload = function() {
+      var text = document.getElementsByTagName("text")[0];
+      text.selectSubString(1, 3);
+      document.documentElement.removeAttribute("class");
+    }
   </script>
 </svg>