[prefix-plugin] Actually prefix background-clip:text

Author: pygy

plugins/prefix-browser/dist/j2c-plugin-prefix-browser.amd.js

@@ -624,6 +624,8 @@ function prefixPlugin(){
               next.decl(fixers.properties['box-orient'], value.indexOf('column') > -1 ? 'block-axis' : 'inline-axis');
               next.decl(fixers.properties['box-direction'], value.indexOf('-reverse') > -1 ? 'reverse' : 'normal');
             }
+          } else if(fixers.WkBCTxt && property === 'background-clip' && value === 'text') {
+            next.decl('-webkit-background-clip', value);
           } else {
             next.decl(
               fixers.properties[property] || fixers.fixProperty(property),

plugins/prefix-browser/dist/j2c-plugin-prefix-browser.amd.min.js

@@ -626,6 +626,8 @@ function prefixPlugin(){
               next.decl(fixers.properties['box-orient'], value.indexOf('column') > -1 ? 'block-axis' : 'inline-axis');
               next.decl(fixers.properties['box-direction'], value.indexOf('-reverse') > -1 ? 'reverse' : 'normal');
             }
+          } else if(fixers.WkBCTxt && property === 'background-clip' && value === 'text') {
+            next.decl('-webkit-background-clip', value);
           } else {
             next.decl(
               fixers.properties[property] || fixers.fixProperty(property),

plugins/prefix-browser/dist/j2c-plugin-prefix-browser.commonjs.js

@@ -625,6 +625,8 @@ function prefixPlugin(){
               next.decl(fixers.properties['box-orient'], value.indexOf('column') > -1 ? 'block-axis' : 'inline-axis');
               next.decl(fixers.properties['box-direction'], value.indexOf('-reverse') > -1 ? 'reverse' : 'normal');
             }
+          } else if(fixers.WkBCTxt && property === 'background-clip' && value === 'text') {
+            next.decl('-webkit-background-clip', value);
           } else {
             next.decl(
               fixers.properties[property] || fixers.fixProperty(property),

plugins/prefix-browser/dist/j2c-plugin-prefix-browser.commonjs.min.js

@@ -56,6 +56,8 @@ export function prefixPlugin(){
               next.decl(fixers.properties['box-orient'], value.indexOf('column') > -1 ? 'block-axis' : 'inline-axis')
               next.decl(fixers.properties['box-direction'], value.indexOf('-reverse') > -1 ? 'reverse' : 'normal')
             }
+          } else if(fixers.WkBCTxt && property === 'background-clip' && value === 'text') {
+            next.decl('-webkit-background-clip', value)
           } else {
             next.decl(
               fixers.properties[property] || fixers.fixProperty(property),

plugins/prefix-browser/dist/j2c-plugin-prefix-browser.global.js

@@ -633,6 +633,8 @@ function prefixPlugin(){
               next.decl(fixers.properties['box-orient'], value.indexOf('column') > -1 ? 'block-axis' : 'inline-axis');
               next.decl(fixers.properties['box-direction'], value.indexOf('-reverse') > -1 ? 'reverse' : 'normal');
             }
+          } else if(fixers.WkBCTxt && property === 'background-clip' && value === 'text') {
+            next.decl('-webkit-background-clip', value);
           } else {
             next.decl(
               fixers.properties[property] || fixers.fixProperty(property),

plugins/prefix-browser/dist/j2c-plugin-prefix-browser.global.min.js

@@ -14,7 +14,7 @@ var blankFixers = exposed.blankFixers
 var referenceFixers = Object.keys(blankFixers())
 
 
-o.spec('detectFunctions', function() {
+o.spec('Webkit prefies for Web compat', function() {
   var fixers
   o.beforeEach(function() {
     o(hasCleanState()).equals(true)('detector utils state isn\'t clean')

plugins/prefix-browser/dist/j2c-plugin-prefix-browser.global.min.js.gz

@@ -124,4 +124,29 @@ o.spec('plugin.decl for properties whose values are properties', function() {
 
     o(fixers.properties).deepEquals({})
   })
+  o('selectively prefix background-clip when the value is `text`', function(){
+    mocks(global, {properties: {}})
+    initBrowser()
+
+    fixers.prefix = ''
+
+    fixers.WkBCTxt = true
+    var plugin = createPrefixPlugin()
+    plugin.set.setPrefixDb(fixers)
+    var sink = makeSink()
+    var methods = plugin.filter(sink)
+
+    o(fixers.properties).deepEquals({})
+
+    methods.decl('background-clip', 'text')
+    methods.decl('background-clip', 'border-box')
+
+    o(sink.buffer).deepEquals([
+      ['decl', '-webkit-background-clip', 'text'],
+      ['decl', 'background-clip', 'border-box']
+    ])
+
+    o(fixers.properties).deepEquals({'background-clip': 'background-clip'})
+
+  })
 })