cloudhead-less 0.8.12 → 1.0.0

data/spec/css/comments-1.0.css

@@ -0,0 +1,11 @@
+/* Generated with Less 1.0.0 */
+
+#comments {
+  color: red;
+  background-color: orange;
+  font-size: 12px;
+  content: "content";
+  border: 1px solid black;
+  padding: 0;
+  margin: 2em;
+}

data/spec/css/css-1.0.css

@@ -0,0 +1,40 @@
+/* Generated with Less 1.0.0 */
+
+div { color: black; }
+div { width: 99%; }
+* { min-width: 45em; }
+h1 { color: none; }
+h2 > a > p { color: none; }
+h3 { color: none; }
+div.class { color: blue; }
+div#id { color: green; }
+.one.two.three { color: grey; }
+@media print { font-size: 3em; }
+@media screen { font-size: 10px; }
+@font-face {
+  font-family: 'Garamond Pro';
+  src: url("/fonts/garamond-pro.ttf");
+}
+a:hover { color: #999999; }
+a:link { color: #999999; }
+p { text-transform: none; }
+p:first-child { text-transform: none; }
+q:lang(no) { quotes: none; }
+p + h1 { font-size: 2em; }
+input[type="text"] { font-weight: normal; }
+#shorthands {
+  border: 1px solid #000000;
+  font: 12px/16px Arial;
+  margin: 1px 0;
+  padding: 0 auto;
+  background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
+}
+#more-shorthands {
+  margin: 0;
+  padding: 1px 0 2px 0;
+  font: normal small/20px 'Trebuchet MS', Verdana, sans-serif;
+}
+.misc {
+  -moz-border-radius: 2px;
+  color: red !important;
+}

data/spec/css/functions-1.0.css

@@ -0,0 +1,8 @@
+/* Generated with Less 1.0.0 */
+
+#functions {
+  color: #999999;
+  width: 16;
+  height: undefined("self");
+  border-width: 5;
+}

data/spec/css/import-1.0.css

@@ -0,0 +1,13 @@
+/* Generated with Less 1.0.0 */
+
+#import { color: red; }
+.mixin {
+  height: 10px;
+  color: red;
+}
+#import-test {
+  height: 10px;
+  color: red;
+  width: 10px;
+  height: 30%;
+}

data/spec/css/mixins-1.0.css

@@ -0,0 +1,30 @@
+/* Generated with Less 1.0.0 */
+
+.mixin { border: 1px solid black; }
+.mixout { border-color: orange; }
+.borders { border-style: dashed; }
+#namespace .borders { border-style: dotted; }
+#namespace .biohazard { content: "death"; }
+#namespace .biohazard .man { color: transparent; }
+#theme > .mixin { background-color: grey; }
+#container {
+  color: black;
+  border: 1px solid black;
+  border-color: orange;
+  background-color: grey;
+}
+#header .milk {
+  color: white;
+  border: 1px solid black;
+  background-color: grey;
+}
+#header #cookie { border-style: dashed; }
+#header #cookie .chips { border-style: dotted; }
+#header #cookie .chips .calories {
+  color: black;
+  border: 1px solid black;
+  border-color: orange;
+  background-color: grey;
+}
+.secure-zone { color: transparent; }
+.direct { border-style: dotted; }

data/spec/css/operations-1.0.css

@@ -0,0 +1,30 @@
+/* Generated with Less 1.0.0 */
+
+#operations {
+  color: #111111;
+  height: 9px;
+  width: 3em;
+}
+#operations .spacing {
+  height: 9px;
+  width: 3em;
+}
+.with-variables {
+  height: 16em;
+  width: 24em;
+  size: 1cm;
+}
+.negative {
+  height: 0px;
+  width: 4px;
+}
+.shorthands { padding: -1px 2px 0 -4px; }
+.colors {
+  color: #123123;
+  border-color: #345345;
+  background-color: #000000;
+}
+.colors .other {
+  color: #222222;
+  border-color: #222222;
+}

data/spec/css/rulesets-1.0.css

@@ -0,0 +1,19 @@
+/* Generated with Less 1.0.0 */
+
+#first > .one { font-size: 2em; }
+#first > .one > #second .two > #deux { width: 50%; }
+#first > .one > #second .two > #deux #third { height: 100%; }
+#first > .one > #second .two > #deux #third:focus { color: black; }
+#first > .one > #second .two > #deux #third:focus #fifth > #sixth .seventh #eighth + #ninth { color: purple; }
+#first > .one > #second .two > #deux #fourth { color: #110000; }
+#first > .one > #second .two > #deux #fourth .seven { border: 1px solid black; }
+#first > .one > #second .two > #deux #fourth .eight > #nine { border: 1px solid black; }
+#first > .one > #second .two > #deux #fourth #ten { color: red; }
+#first > .one > #second .two > #deux #five { color: #110000; }
+#first > .one > #second .two > #deux #five .seven { border: 1px solid black; }
+#first > .one > #second .two > #deux #five .eight > #nine { border: 1px solid black; }
+#first > .one > #second .two > #deux #five #ten { color: red; }
+#first > .one > #second .two > #deux #six { color: #110000; }
+#first > .one > #second .two > #deux #six .seven { border: 1px solid black; }
+#first > .one > #second .two > #deux #six .eight > #nine { border: 1px solid black; }
+#first > .one > #second .two > #deux #six #ten { color: red; }

data/spec/css/scope-1.0.css

@@ -0,0 +1,16 @@
+/* Generated with Less 1.0.0 */
+
+.tiny-scope {
+  color: none;
+  border-color: #989989;
+}
+.scope1 {
+  color: blue;
+  border-color: black;
+}
+.scope1 .scope2 { color: blue; }
+.scope1 .scope2 .scope3 {
+  color: red;
+  border-color: black;
+  background-color: white;
+}

data/spec/css/strings-1.0.css

@@ -0,0 +1,14 @@
+/* Generated with Less 1.0.0 */
+
+#strings {
+  background-image: url("http://son-of-a-banana.com");
+  quotes: "~" "~";
+  content: "#*%:&^,)!.(~*})";
+  empty: "";
+}
+#comments { content: "/* hello */ // not-so-secret"; }
+#single-quote {
+  quotes: "'" "'";
+  content: '""#!&""';
+  empty: '';
+}

data/spec/css/variables-1.0.css

@@ -0,0 +1,7 @@
+/* Generated with Less 1.0.0 */
+
+.variables { width: 14cm; }
+.variables {
+  height: 24px;
+  color: #888888;
+}

data/spec/css/whitespace-1.0.css

@@ -0,0 +1,11 @@
+/* Generated with Less 1.0.0 */
+
+.whitespace { color: white; }
+.whitespace { color: white; }
+.whitespace { color: white; }
+.whitespace { color: white; }
+.whitespace { color: white; }
+.white { color: white; }
+.space { color: white; }
+.mania { color: white; }
+.no-semi-column { color: white; }

data/spec/engine_spec.rb

@@ -1,8 +1,16 @@
-require File.dirname(__FILE__) + '/spec_helper'
+require 'spec/spec_helper'
 
 module LessEngineSpecHelper
-  def lessify(string)
-    return Less::Engine.new(string).to_css(:desc)
+  def lessify arg
+    if arg.is_a? String or arg.is_a? File
+      return Less::Engine.new(arg).to_css
+    else
+      lessify File.new("spec/less/#{arg}-1.0.less")
+    end
+  end
+  
+  def css file
+    File.read("spec/css/#{file}-1.0.css")
   end
 end
 
@@ -10,29 +18,69 @@ describe Less::Engine do
   include LessEngineSpecHelper
 
   describe "to_css" do
-    it "should return an empty string for p {}" do
-      lessify('p {}').should == ''
+    it "should parse css" do
+      lessify(:css).should == css(:css)
     end
-
-    it "should return css with variable usage" do
-      lessify("@brand_color: #4D926F;\n #header { color: @brand_color; }").should == "#header { color: #4D926F; }"
+    
+    it "should parse comments" do
+      lessify(:comments).should == css(:comments)
     end
-
-    it "should return css as shown on home page" do
-      lessify("#header { \n  color: red;\n  a {\n    font-weight: bold;\n    text-decoration: none;\n  }\n}").should == "#header { color: red; }\n#header a { font-weight: bold; text-decoration: none; }"
+    
+    it "should deal with whitespace" do
+      lessify(:whitespace).should == css(:whitespace)
     end
-
-    it "should handle :hover" do
-      lessify("a:hover {\n color: red; }").should == "a:hover { color: red; }"
+    
+    it "should parse nested rules" do
+      lessify(:rulesets).should == css(:rulesets)
+    end
+    
+    it "should parse variables" do
+      lessify(:variables).should == css(:variables)
+    end
+    
+    it "should parse operations" do
+      lessify(:operations).should == css(:operations)
+    end
+    
+    it "should manage scope" do
+      lessify(:scope).should == css(:scope)
+    end
+    
+    it "should parse strings" do
+      lessify(:strings).should == css(:strings)
+    end
+    
+    it "should parse accessors" do
+      lessify(:accessors).should == css(:accessors)
+    end
+    
+    it "should parse mixins" do
+      lessify(:mixins).should == css(:mixins)
     end
 
-    it "should handle instances of double-quotes" do
-      lessify("blockquote:before, blockquote:after, q:before, q:after {\n content: \"\"; }").should == "blockquote:before, blockquote:after, q:before, q:after { content: ''; }"
+    it "should handle custom functions" do
+      module Less::Functions
+        def color arg
+          Less::Node::Color.new("#999999") if arg == "evil red"
+        end
+        
+        def increment a
+          Less::Node::Number.new(a.to_i + 1)
+        end
+        
+        def add a, b
+          Less::Node::Number.new(a + b)
+        end
+      end
+      lessify(:functions).should == css(:functions)
     end
     
-    it "should parse tag attributes" do
-      lessify("input[type=text] { color: red; }").should == "input[type=text] { color: red; }"
+    it "should work with import" do
+      lessify(:import).should == css(:import)
     end
+    
+    it "should parse a big file"
+    it "should handle complex color operations"
   end
 end
 

data/spec/less/accessors-1.0.less

@@ -0,0 +1,20 @@
+.magic-box {
+  @trim: orange;
+  content: "gold";
+  width: 60cm;
+  height: 40cm;
+  #lock {
+    color: silver;
+  }
+}
+
+#accessors {
+  content: .magic-box['content']; // "gold"
+  width: .magic-box['width']; // 60cm
+}
+
+.unlock {
+  .magic-box;
+  color: #lock['color']; // silver
+  border-color: .magic-box[@trim]; // orange
+}