Added detection of the vendor-prefix-align option

Author: kizu

lib/options/vendor-prefix-align.js

@@ -169,5 +169,88 @@ module.exports = {
         this._walk(node, this._getValName, function(info, i) {
             node[i][3][1][1] = _this._updateIndent(info, dict, node[i][3][1][1]);
         });
+    },
+
+    /**
+     * Detects the syntax at the tree node.
+     *
+     * @param {String} nodeType
+     * @param {node} node
+     */
+    detect: function(nodeType, node) {
+        if (nodeType !== 'block') return;
+
+        var result = {
+                true: 0,
+                false: 0
+            };
+
+        var maybePrefix = false;
+        var prevPrefixLength = false;
+        var prevProp;
+        var prevSum;
+        var partialResult = null;
+
+        var getResult = function(node, sum, info, i) {
+            var prop = info.baseName;
+
+            // If this is the last item in a row and we have a result, then catch it
+            if (prop !== prevProp && partialResult !== null) {
+                if (partialResult) {
+                    result.true++;
+                } else {
+                    result.false++;
+                }
+                partialResult = null;
+            }
+
+            if (prop === prevProp && info.prefixLength !== prevPrefixLength) {
+                maybePrefix = true;
+            } else {
+                maybePrefix = false;
+            }
+
+            if (maybePrefix && partialResult !== false) {
+                // If there is prefixed prop, check if the prefixes are aligned,
+                // but only if we hadn't already catched that it is false
+                if (sum === prevSum) {
+                    partialResult = true;
+                } else {
+                    partialResult = false;
+                }
+            }
+
+            if (node.length === i + 3 && partialResult !== null) {
+                // If we're at the last property and have a result, catch it
+                if (partialResult) {
+                    result.true++;
+                } else {
+                    result.false++;
+                }
+            }
+
+            prevPrefixLength = info.prefixLength;
+            prevProp = prop;
+            prevSum = sum;
+        };
+
+        // Gathering Info
+        this._walk(node, this._getDeclName, function(info, i) {
+            var sum = node[i - 1][1].replace(/^[ \t]*\n+/, '').length + info.prefixLength;
+            getResult(node, sum, info, i);
+        });
+
+        this._walk(node, this._getValName, function(info, i) {
+            var sum = node[i][3][1][1].replace(/^[ \t]*\n+/, '').length + info.prefixLength;
+            getResult(node, sum, info, i);
+        });
+
+        if (result.true > 0 || result.false > 0) {
+            if (result.true >= result.false) {
+                return true;
+            } else {
+                return false;
+            }
+        }
     }
 };

test/integral.js

@@ -47,7 +47,8 @@ vow.all(['origin', 'expect'].map(function(type) {
                         'combinator-space': [' ', ' '],
                         'rule-indent': '    ',
                         'block-indent': '    ',
-                        'unitless-zero': true
+                        'unitless-zero': true,
+                        'vendor-prefix-align': true
                     })
                 );
 

test/vendor-prefix-align.js

@@ -48,4 +48,91 @@ describe('options/vendor-prefix-align', function() {
 
         assert.equal(comb.processString(input), expected);
     });
+
+    // Helper to check the detection
+    function should_detect(options, a, b) {
+        comb.detect(options);
+        assert.equal(
+            JSON.stringify(comb.processString(a)),
+            JSON.stringify(b)
+        );
+    }
+
+    it('Shouldn not detect anything if there are no prefixed groups', function() {
+        should_detect(
+            ['vendor-prefix-align'],
+            'a{ color: red }a{ -webkit-transform: translateZ(0) }',
+            {}
+        );
+    });
+
+    it('Shouldn detect vendor-prefix-align as false in properties', function() {
+        should_detect(
+            ['vendor-prefix-align'],
+            fs.readFileSync('./test/vendor-prefix-align/property-align.css', 'utf8'),
+            {
+                'vendor-prefix-align': false
+            }
+        );
+    });
+
+    it('Shouldn detect vendor-prefix-align as true in properties', function() {
+        should_detect(
+            ['vendor-prefix-align'],
+            fs.readFileSync('./test/vendor-prefix-align/property-align.expected.css', 'utf8'),
+            {
+                'vendor-prefix-align': true
+            }
+        );
+    });
+
+    it('Shouldn detect vendor-prefix-align as false in values', function() {
+        should_detect(
+            ['vendor-prefix-align'],
+            fs.readFileSync('./test/vendor-prefix-align/value-align.css', 'utf8'),
+            {
+                'vendor-prefix-align': false
+            }
+        );
+    });
+
+    it('Shouldn detect vendor-prefix-align as true in values', function() {
+        should_detect(
+            ['vendor-prefix-align'],
+            fs.readFileSync('./test/vendor-prefix-align/value-align.expected.css', 'utf8'),
+            {
+                'vendor-prefix-align': true
+            }
+        );
+    });
+
+    it('Shouldn detect vendor-prefix-align as true, test 1', function() {
+        should_detect(
+            ['vendor-prefix-align'],
+            fs.readFileSync('./test/vendor-prefix-align/already-aligned.css', 'utf8'),
+            {
+                'vendor-prefix-align': true
+            }
+        );
+    });
+
+    it('Shouldn detect vendor-prefix-align as true, test 2', function() {
+        should_detect(
+            ['vendor-prefix-align'],
+            fs.readFileSync('./test/vendor-prefix-align/complex.expected.css', 'utf8'),
+            {
+                'vendor-prefix-align': true
+            }
+        );
+    });
+
+    it('Shouldn detect vendor-prefix-align as false', function() {
+        should_detect(
+            ['vendor-prefix-align'],
+            fs.readFileSync('./test/vendor-prefix-align/complex.css', 'utf8'),
+            {
+                'vendor-prefix-align': false
+            }
+        );
+    });
 });