tighten up custom-style-late test

Polymer · Apr 6, 2017 · 2106f65 · 2106f65
1 parent caafef7
commit 2106f65
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/test/unit/custom-style-late.html b/test/unit/custom-style-late.html
@@ -29,11 +29,10 @@
   <template id="late">
   <custom-style>
     <style is="custom-style">
-      :root {
+      html {
         --cs-blue: {
           border: 8px solid blue;
-        }
-        ;
+        };
       }
     </style>
   </custom-style>
@@ -52,10 +51,13 @@
         });
         var template = document.querySelector('template#late');
         document.body.appendChild(document.importNode(template.content, true));
-        setTimeout(function() {
-          assertComputed(input, '8px');
-          done();
-        }, 125);
+        // wait 2 rounds of `afterNextRender` as `<custom-style>` boots asynchronously
+        Polymer.RenderStatus.afterNextRender(null, function() {
+          Polymer.RenderStatus.afterNextRender(null, function() {
+            assertComputed(input, '8px');
+            done();
+          });
+        });
       });
 
     });