ruby_css_lint 0.0.1

data/csslint/tests/rules/box-model.js

@@ -0,0 +1,211 @@
+(function(){
+
+    /*global YUITest, CSSLint*/
+    var Assert = YUITest.Assert;
+
+    YUITest.TestRunner.add(new YUITest.TestCase({
+
+        name: "Box Model Rule Errors",
+
+        "Using width and padding should result in a warning": function(){
+            var result = CSSLint.verify(".foo { width: 100px; padding: 10px; }", { "box-model": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("Using width with padding can sometimes make elements larger than you expect.", result.messages[0].message);
+        },
+
+        "Using width when padding is zero should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { width: 100px; padding: 0; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Using width and padding-left should result in a warning": function(){
+            var result = CSSLint.verify(".foo { width: 100px; padding-left: 10px; }", { "box-model": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("Using width with padding-left can sometimes make elements larger than you expect.", result.messages[0].message);
+        },
+
+        "Using width when padding-left is zero should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { width: 100px; padding-left: 0; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Using width and padding-right should result in a warning": function(){
+            var result = CSSLint.verify(".foo { width: 100px; padding-right: 10px; }", { "box-model": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("Using width with padding-right can sometimes make elements larger than you expect.", result.messages[0].message);
+        },
+
+        "Using width when padding-right is zero should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { width: 100px; padding-right: 0; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Using width and padding-top should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { width: 100px; padding-top: 10px; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Using width and padding-bottom should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { width: 100px; padding-bottom: 10px; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+        
+        "Using width and padding-to-bottom should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { width: 100px; padding: 10px 0; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },            
+
+        "Using width and border should result in a warning": function(){
+            var result = CSSLint.verify(".foo { width: 100px; border: 10px; }", { "box-model": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("Using width with border can sometimes make elements larger than you expect.", result.messages[0].message);
+        },
+        
+        "Using width and border-left should result in a warning": function(){
+            var result = CSSLint.verify(".foo { width: 100px; border-left: 10px; }", { "box-model": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("Using width with border-left can sometimes make elements larger than you expect.", result.messages[0].message);
+        },
+
+        "Using width when border-left is zero should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { width: 100px; border-left: 0; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Using width and border-right should result in a warning": function(){
+            var result = CSSLint.verify(".foo { width: 100px; border-right: 10px; }", { "box-model": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("Using width with border-right can sometimes make elements larger than you expect.", result.messages[0].message);
+        },
+
+        "Using width when border-right is zero should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { width: 100px; border-right: 0; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Using width and border-top should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { width: 100px; border-top: 10px; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Using width and border-bottom should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { width: 100px; border-bottom: 10px; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Using height and padding should result in a warning": function(){
+            var result = CSSLint.verify(".foo { height: 100px; padding: 10px; }", { "box-model": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("Using height with padding can sometimes make elements larger than you expect.", result.messages[0].message);
+        },
+
+        "Using height when padding is zero should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { height: 100px; padding: 0; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Using height and padding-left should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { height: 100px; padding-left: 10px; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Using height and padding-right should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { height: 100px; padding-right: 10px; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+        
+        "Using height and padding-left-right should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { height: 100px; padding: 0 10px; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },    
+
+        "Using height and padding-top should result in a warning": function(){
+            var result = CSSLint.verify(".foo { height: 100px; padding-top: 10px; }", { "box-model": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("Using height with padding-top can sometimes make elements larger than you expect.", result.messages[0].message);
+        },
+
+        "Using height when padding-top is zero should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { height: 100px; padding-top: 0; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Using height and padding-bottom should result in a warning": function(){
+            var result = CSSLint.verify(".foo { height: 100px; padding-bottom: 10px; }", { "box-model": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("Using height with padding-bottom can sometimes make elements larger than you expect.", result.messages[0].message);
+        },
+
+        "Using height when padding-bottom is zero should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { height: 100px; padding-bottom: 0; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Using height and border should result in a warning": function(){
+            var result = CSSLint.verify(".foo { height: 100px; border: 10px; }", { "box-model": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("Using height with border can sometimes make elements larger than you expect.", result.messages[0].message);
+        },
+
+        "Using height and border: none should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { height: 100px; border: none; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Using height and border: 0 should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { height: 100px; border: 0; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Using height and border-left should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { height: 100px; border-left: 10px; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Using height and border-right should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { height: 100px; border-right: 10px; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Using height and border-top should result in a warning": function(){
+            var result = CSSLint.verify(".foo { height: 100px; border-top: 10px; }", { "box-model": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("Using height with border-top can sometimes make elements larger than you expect.", result.messages[0].message);
+        },
+
+        "Using height when border-top is zero should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { height: 100px; border-top: 0; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Using height and border-bottom should result in a warning": function(){
+            var result = CSSLint.verify(".foo { height: 100px; border-bottom: 10px; }", { "box-model": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("Using height with border-bottom can sometimes make elements larger than you expect.", result.messages[0].message);
+        },
+
+        "Using height when border-bottom is zero should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { height: 100px; border-bottom: 0px; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Using height when border-bottom is zero should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { height: 100px; border-bottom: 0; }", { "box-model": 1 });
+            Assert.areEqual(0, result.messages.length);
+        }
+
+    }));
+
+})();

data/csslint/tests/rules/box-sizing.js

@@ -0,0 +1,23 @@
+(function(){
+
+    /*global YUITest, CSSLint*/
+    var Assert = YUITest.Assert;
+
+    YUITest.TestRunner.add(new YUITest.TestCase({
+
+        name: "Box Sizing Rule Errors",
+
+        "Using box-sizing should result in a warning": function(){
+            var result = CSSLint.verify(".foo { box-sizing: border-box; }", { "box-sizing": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("The box-sizing property isn't supported in IE6 and IE7.", result.messages[0].message);
+        },
+
+        "No box-sizing should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { width: 100px; padding: 0; }", { "box-sizing": 1 });
+            Assert.areEqual(0, result.messages.length);
+        }
+    }));
+
+})();

data/csslint/tests/rules/compatible-vendor-prefixes.js

@@ -0,0 +1,56 @@
+(function(){
+
+    /*global YUITest, CSSLint*/
+    var Assert = YUITest.Assert;
+    
+    YUITest.TestRunner.add(new YUITest.TestCase({
+    
+        name: "Compatible Vendor Prefix Warnings",
+
+        "Using -webkit-border-radius should warn to also include -moz-border-radius.": function(){
+            var result = CSSLint.verify("h1 { -webkit-border-radius: 5px; }", { "compatible-vendor-prefixes": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("The property -moz-border-radius is compatible with -webkit-border-radius and should be included as well.", result.messages[0].message);
+            Assert.areEqual(6, result.messages[0].col);
+            Assert.areEqual(1, result.messages[0].line);
+        },
+        
+        "Using -webkit-transition and -moz-transition should warn to also include -o-transition and -ms-transition.": function(){
+            var result = CSSLint.verify("h1 { -webkit-transition: height 20px 1s; -moz-transition: height 20px 1s; }", { "compatible-vendor-prefixes": 1 });
+            Assert.areEqual(2, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("The property -o-transition is compatible with -webkit-transition and -moz-transition and should be included as well.", result.messages[0].message);
+            Assert.areEqual(6, result.messages[0].col);
+            Assert.areEqual(1, result.messages[0].line);
+            Assert.areEqual("warning", result.messages[1].type);
+            Assert.areEqual("The property -ms-transition is compatible with -webkit-transition and -moz-transition and should be included as well.", result.messages[1].message);
+            Assert.areEqual(6, result.messages[1].col);
+            Assert.areEqual(1, result.messages[1].line);
+            
+        },
+        
+        "Using -webkit-transform should warn to also include -moz-transform, -ms-transform, and -o-transform.": function(){
+            var result = CSSLint.verify("div.box { -webkit-transform: translate(50px, 100px); }", { "compatible-vendor-prefixes": 3 });
+            Assert.areEqual(3, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("The property -moz-transform is compatible with -webkit-transform and should be included as well.", result.messages[0].message);
+            Assert.areEqual("warning", result.messages[1].type);
+            Assert.areEqual("The property -ms-transform is compatible with -webkit-transform and should be included as well.", result.messages[1].message);
+            Assert.areEqual("warning", result.messages[2].type);
+            Assert.areEqual("The property -o-transform is compatible with -webkit-transform and should be included as well.", result.messages[2].message);
+        },
+        
+        "Using all compatible vendor prefixes for animation should be allowed with no warnings.": function(){
+            var result = CSSLint.verify(".next:focus { -moz-animation: 'diagonal-slide' 5s 10; -webkit-animation: 'diagonal-slide' 5s 10; -ms-animation: 'diagonal-slide' 5s 10; }", { "compatible-vendor-prefixes": 0 });
+            Assert.areEqual(0, result.messages.length);
+        },
+        
+        "Using box-shadow with no vendor prefixes should be allowed with no warnings.": function(){
+            var result = CSSLint.verify("h1 { box-shadow: 5px 5px 5px #ccc; }", { "compatible-vendor-prefixes": 0 });
+            Assert.areEqual(0, result.messages.length);
+        }
+                
+    }));     
+
+})();

data/csslint/tests/rules/display-property-grouping.js

@@ -0,0 +1,213 @@
+(function(){
+
+    /*global YUITest, CSSLint*/
+    var Assert = YUITest.Assert;
+
+    YUITest.TestRunner.add(new YUITest.TestCase({
+
+        name: "Display Property Grouping Rule Errors",
+
+/*
+ * - float should not be used with inline-block
+ * - height, width, margin-top, margin-bottom, float should not be used with inline
+ * - vertical-align should not be used with block
+ * - margin, float should not be used with table-*
+*/
+        "Float with inline-block should result in a warning": function(){
+            var result = CSSLint.verify(".foo { float: left; display: inline-block; }", { "display-property-grouping": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("float can't be used with display: inline-block.", result.messages[0].message);
+        },
+
+        "Float with inline should result in a warning": function(){
+            var result = CSSLint.verify(".foo { float: left; display: inline; }", { "display-property-grouping": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("display:inline has no effect on floated elements (but may be used to fix the IE6 double-margin bug).", result.messages[0].message);
+        },
+
+        "Float:none with inline-block should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { float: none; display: inline-block; }", { "display-property-grouping": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Float:none with inline should result not in a warning": function(){
+            var result = CSSLint.verify(".foo { float: none; display: inline; }", { "display-property-grouping": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Height with inline should result in a warning": function(){
+            var result = CSSLint.verify(".foo { height: 100px; display: inline; }", { "display-property-grouping": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("height can't be used with display: inline.", result.messages[0].message);
+        },
+
+        "Width with inline should result in a warning": function(){
+            var result = CSSLint.verify(".foo { width: 100px; display: inline; }", { "display-property-grouping": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("width can't be used with display: inline.", result.messages[0].message);
+        },
+
+        "Margin with inline should result in a warning": function(){
+            var result = CSSLint.verify(".foo { margin: 100px; display: inline; }", { "display-property-grouping": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("margin can't be used with display: inline.", result.messages[0].message);
+        },
+
+        "Margin-left with inline should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { margin-left: 100px; display: inline; }", { "display-property-grouping": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Margin-right with inline should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { margin-right: 100px; display: inline; }", { "display-property-grouping": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Margin-top with inline should result in a warning": function(){
+            var result = CSSLint.verify(".foo { margin-top: 100px; display: inline; }", { "display-property-grouping": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("margin-top can't be used with display: inline.", result.messages[0].message);
+        },
+
+        "Margin-bottom with inline should result in a warning": function(){
+            var result = CSSLint.verify(".foo { margin-bottom: 100px; display: inline; }", { "display-property-grouping": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("margin-bottom can't be used with display: inline.", result.messages[0].message);
+        },
+
+        "Padding with inline should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { padding: 100px; display: inline; }", { "display-property-grouping": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Padding-left with inline should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { padding-left: 100px; display: inline; }", { "display-property-grouping": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Padding-right with inline should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { padding-right: 100px; display: inline; }", { "display-property-grouping": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Padding-top with inline should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { padding-top: 100px; display: inline; }", { "display-property-grouping": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Padding-bottom with inline should result in a warning": function(){
+            var result = CSSLint.verify(".foo { padding-bottom: 100px; display: inline; }", { "display-property-grouping": 1 });
+            Assert.areEqual(0, result.messages.length);
+        }, 
+
+        "Vertical-align with block should result in a warning": function(){
+            var result = CSSLint.verify(".foo { vertical-align: bottom; display: block; }", { "display-property-grouping": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("vertical-align can't be used with display: block.", result.messages[0].message);
+        },
+
+        "Margin with table-cell should result in a warning": function(){
+            var result = CSSLint.verify(".foo { margin: 100px; display: table-cell; }", { "display-property-grouping": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("margin can't be used with display: table-cell.", result.messages[0].message);
+        },
+
+        "Margin-left with table-cell should result in a warning": function(){
+            var result = CSSLint.verify(".foo { margin-left: 100px; display: table-cell; }", { "display-property-grouping": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("margin-left can't be used with display: table-cell.", result.messages[0].message);
+        },
+
+        "Margin-right with table-cell should result in a warning": function(){
+            var result = CSSLint.verify(".foo { margin-right: 100px; display: table-cell; }", { "display-property-grouping": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("margin-right can't be used with display: table-cell.", result.messages[0].message);
+        },
+
+        "Margin-top with table-cell should result in a warning": function(){
+            var result = CSSLint.verify(".foo { margin-top: 100px; display: table-cell; }", { "display-property-grouping": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("margin-top can't be used with display: table-cell.", result.messages[0].message);
+        },
+
+        "Margin-bottom with table-cell should result in a warning": function(){
+            var result = CSSLint.verify(".foo { margin-bottom: 100px; display: table-cell; }", { "display-property-grouping": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("margin-bottom can't be used with display: table-cell.", result.messages[0].message);
+        },
+
+        "Margin with table-row should result in a warning": function(){
+            var result = CSSLint.verify(".foo { margin: 100px; display: table-row; }", { "display-property-grouping": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("margin can't be used with display: table-row.", result.messages[0].message);
+        },
+
+        "Margin-left with table-row should result in a warning": function(){
+            var result = CSSLint.verify(".foo { margin-left: 100px; display: table-row; }", { "display-property-grouping": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("margin-left can't be used with display: table-row.", result.messages[0].message);
+        },
+
+        "Margin-right with table-row should result in a warning": function(){
+            var result = CSSLint.verify(".foo { margin-right: 100px; display: table-row; }", { "display-property-grouping": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("margin-right can't be used with display: table-row.", result.messages[0].message);
+        },
+
+        "Margin-top with table-row should result in a warning": function(){
+            var result = CSSLint.verify(".foo { margin-top: 100px; display: table-row; }", { "display-property-grouping": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("margin-top can't be used with display: table-row.", result.messages[0].message);
+        },
+
+        "Margin-bottom with table-row should result in a warning": function(){
+            var result = CSSLint.verify(".foo { margin-bottom: 100px; display: table-row; }", { "display-property-grouping": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("margin-bottom can't be used with display: table-row.", result.messages[0].message);
+        },
+
+        "Float with table-row should result in a warning": function(){
+            var result = CSSLint.verify(".foo { float: left; display: table-row; }", { "display-property-grouping": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("float can't be used with display: table-row.", result.messages[0].message);
+        },
+
+        "Float with table-cell should result in a warning": function(){
+            var result = CSSLint.verify(".foo { float: left; display: table-cell; }", { "display-property-grouping": 1 });
+            Assert.areEqual(1, result.messages.length);
+            Assert.areEqual("warning", result.messages[0].type);
+            Assert.areEqual("float can't be used with display: table-cell.", result.messages[0].message);
+        },
+
+        "Float:none with table-row should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { float: none; display: table-row; }", { "display-property-grouping": 1 });
+            Assert.areEqual(0, result.messages.length);
+        },
+
+        "Float:none with table-cell should not result in a warning": function(){
+            var result = CSSLint.verify(".foo { float: none; display: table-cell; }", { "display-property-grouping": 1 });
+            Assert.areEqual(0, result.messages.length);
+        }
+
+    }));
+
+})();