test for mixins in custom-style ordering

Polymer · Aug 11, 2016 · 37646f7 · 37646f7
1 parent 9daea3d
commit 37646f7
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/test/unit/custom-style.html b/test/unit/custom-style.html
@@ -307,6 +307,18 @@
   })
   </script>
 
+  <style is="custom-style">
+    .order {
+      @apply --order-mixin;
+    }
+    :root {
+      --order-mixin: {
+        border: 2px solid black;
+      };
+    }
+  </style>
+  <div class="order"></div>
+
   <script>
 
     suite('custom-style', function() {
@@ -514,6 +526,12 @@
         assertComputed(document.querySelector('.foo--bar'), '20px');
       });
 
+      test('mixin definition and usage is ordering independant in a custom-style',
+        function() {
+          var el = document.querySelector('div.order');
+          assertComputed(el, '2px');
+        }
+      );
     });