diff --git a/test/smoke/css-gradient-var.html b/test/smoke/css-gradient-var.html
index 1f9966ff61..c29bbc9baf 100644
--- a/test/smoke/css-gradient-var.html
+++ b/test/smoke/css-gradient-var.html
@@ -5,6 +5,7 @@
     <title>CSS Gradient in variable</title>
     <!-- <script>Polymer={useNativeCSSProperties: true, lazyRegister: true}</script> -->
     <link rel="import" href="../../polymer.html">
+    <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
   </head>
   <body>
     <style is="custom-style">
@@ -35,9 +36,11 @@
         <div>Hi!</div>
       </template>
       <script>
-      Polymer({
-        is: 'var-el'
-      })
+      HTMLImports.whenReady(function() {
+        Polymer({
+          is: 'var-el'
+        })
+      });
       </script>
     </dom-module>
     <var-el></var-el>
diff --git a/test/unit/styling-cross-scope-var.html b/test/unit/styling-cross-scope-var.html
index 702eb41438..7f029c3135 100644
--- a/test/unit/styling-cross-scope-var.html
+++ b/test/unit/styling-cross-scope-var.html
@@ -1085,6 +1085,7 @@
   test('complex fallback for variables work as expected', function() {
     var e = document.createElement('x-super-complex');
     document.body.appendChild(e);
+    CustomElements.takeRecords();
     assertComputed(e, 'rgb(102, 205, 170)', null, 'color');
   });
 });
