add tests with selectors before and after :dir

webcomponents · Mar 20, 2019 · ee752f7 · ee752f7
1 parent e3ed26e
commit ee752f7
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/tests/style-transformer.html b/tests/style-transformer.html
@@ -71,6 +71,9 @@
   :dir(rtl) > .pin.expand > .slider-knob > .slider-knob-inner::after {
     color: blue;
   }
+  span:dir(rtl) > div > x-bar {
+    color: blue;
+  }
   </style>
 </template>
 
@@ -195,6 +198,10 @@
       assert.equal(ast.rules[2].selector, '[dir="rtl"] .x-dir > .pin.expand.x-dir > .slider-knob.x-dir > .slider-knob-inner.x-dir::after, .x-dir[dir="rtl"] > .pin.expand.x-dir > .slider-knob.x-dir > .slider-knob-inner.x-dir::after');
     });
 
+    test(':dir with before segment, and after segment', function() {
+      // span:dir(rtl) > div > x-bar
+      assert.equal(ast.rules[3].selector, '[dir="rtl"] span.x-dir > div.x-dir > x-bar.x-dir, span.x-dir[dir="rtl"] > div.x-dir > x-bar.x-dir');
+    });
   });
 
   suite('custom-style transforms', function() {