fix eslint warning

add test for deep and >>>

Author: sunnylost

src/style/css.js

@@ -11,7 +11,7 @@ import debug from '../debug'
  * @param tag
  * @returns {boolean}
  */
-function isInvalidTag( tag ) {
+function isInvalidTag (tag) {
     let isValid = false
 
     if (tag === 'from' ||
@@ -37,15 +37,15 @@ const addScopeID = postcss.plugin('add-scope-id', options => {
 
                 if (n.type === 'tag') {
                     if (n.value === '/deep/') {
-                        let next = n.next()
+                        const next = n.next()
 
                         if (next.type === 'combinator' && next.value === ' ') {
                             next.remove()
                         }
 
                         n.remove()
                         return false
-                    } else if ( isInvalidTag( n.value ) ) {
+                    } else if (isInvalidTag(n.value)) {
                         return
                     }
                 }

test/expects/scoped-css-with-deep-tag.css

@@ -0,0 +1,22 @@
+.test[data-v-00b08a60] a {
+    color: red;
+}
+
+.test[data-v-00b08a60] .text {
+    background-color: red;
+}
+
+@keyframes test {
+    0% {
+        color: red;
+    }
+
+    50% {
+        color: green;
+    }
+
+    100% {
+        color: yellow;
+    }
+}
+      

test/expects/scoped-css-with-deep-tag.js

@@ -0,0 +1,3 @@
+var scopedCssWithDeepTag = { template: "<div class=\"test\">Foo</div>",_scopeId: 'data-v-00b08a60',};
+
+export default scopedCssWithDeepTag;

test/fixtures/scoped-css-with-deep-tag.vue

@@ -0,0 +1,31 @@
+<template>
+<div class="test">Foo</div>
+</template>
+
+<script lang="babel">
+export default {}
+</script>
+
+<style lang="css" scoped>
+.test /deep/ a {
+    color: red;
+}
+
+.test >>> .text {
+    background-color: red;
+}
+
+@keyframes test {
+    0% {
+        color: red;
+    }
+
+    50% {
+        color: green;
+    }
+
+    100% {
+        color: yellow;
+    }
+}
+</style>

test/test.js

@@ -57,6 +57,7 @@ function test(name) {
                       'pug',
                       'scoped-css',
                       'scoped-css-with-no-auto-style',
+                      'scoped-css-with-deep-tag',
                       'scss',
                       'sass',
                       'pug',