less 2.4.0 → 2.5.0

data/lib/less/js/test/browser/es5.js

@@ -0,0 +1,27 @@
+/*
+   PhantomJS does not implement bind. this is from
+              https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind
+ */
+if (!Function.prototype.bind) {
+    Function.prototype.bind = function (oThis) {
+        if (typeof this !== "function") {
+            // closest thing possible to the ECMAScript 5 internal IsCallable function
+            throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
+        }
+
+        var aArgs = Array.prototype.slice.call(arguments, 1),
+            fToBind = this,
+            fNOP = function () {},
+            fBound = function () {
+                return fToBind.apply(this instanceof fNOP && oThis
+                    ? this
+                    : oThis,
+                    aArgs.concat(Array.prototype.slice.call(arguments)));
+            };
+
+        fNOP.prototype = this.prototype;
+        fBound.prototype = new fNOP();
+
+        return fBound;
+    };
+}

data/lib/less/js/test/browser/less/console-errors/test-error.txt

@@ -0,0 +1,2 @@
+less: OperationError: Can't substract or divide a color from a number in {pathhref}console-errors/test-error.less on line null, column 0:
+1   prop: (3 / #fff);

data/lib/less/js/test/browser/less/global-vars/simple.less

@@ -0,0 +1,3 @@
+.test {
+  color: @global-var;
+}

data/lib/less/js/test/browser/less/modify-vars/imports/simple2.less

@@ -0,0 +1,4 @@
+@var2: blue;
+.testisimported {
+  color: gainsboro;
+}

data/lib/less/js/test/browser/less/modify-vars/simple.less

@@ -0,0 +1,8 @@
+@import "imports/simple2";
+@var1: red;
+@scale: 10;
+.test {
+  color1: @var1;
+  color2: @var2;
+  scalar: @scale
+}

data/lib/less/js/test/browser/less/relative-urls/urls.less

@@ -1,5 +1,5 @@
 @import ".././imports/urls.less";
-@import "http://localhost:8081/browser/less/imports/urls2.less";
+@import "http://localhost:8081/test/browser/less/imports/urls2.less";
 @font-face {
   src: url("/fonts/garamond-pro.ttf");
   src: local(Futura-Medium),

data/lib/less/js/test/browser/less/rootpath-relative/urls.less

@@ -1,5 +1,5 @@
 @import "../imports/urls.less";
-@import "http://localhost:8081/browser/less/imports/urls2.less";
+@import "http://localhost:8081/test/browser/less/imports/urls2.less";
 @font-face {
   src: url("/fonts/garamond-pro.ttf");
   src: local(Futura-Medium),

data/lib/less/js/test/browser/less/rootpath/urls.less

@@ -1,5 +1,5 @@
 @import "../imports/urls.less";
-@import "http://localhost:8081/browser/less/imports/urls2.less";
+@import "http://localhost:8081/test/browser/less/imports/urls2.less";
 @font-face {
   src: url("/fonts/garamond-pro.ttf");
   src: local(Futura-Medium),

data/lib/less/js/test/browser/less/urls.less

@@ -1,5 +1,5 @@
 @import "imports/urls.less";
-@import "http://localhost:8081/browser/less/imports/urls2.less";
+@import "http://localhost:8081/test/browser/less/imports/urls2.less";
 @font-face {
   src: url("/fonts/garamond-pro.ttf");
   src: local(Futura-Medium),
@@ -47,3 +47,11 @@
 #data-uri-toobig {
   uri: data-uri('../../data/data-uri-fail.png');
 }
+#svg-functions {
+  background-image: svg-gradient(to bottom, black, white);
+  background-image: svg-gradient(to bottom, black, orange 3%, white);
+  @green_5: green 5%;
+  @orange_percentage: 3%;
+  @orange_color: orange;
+  background-image: svg-gradient(to bottom, (mix(black, white) + #444) 1%, @orange_color @orange_percentage, ((@green_5)), white 95%);
+}

data/lib/less/js/test/browser/phantom-runner.js

@@ -2,31 +2,35 @@ var webpage = require('webpage');
 var server = require('webserver').create();
 var system = require('system');
 var fs = require('fs');
-var host, port = 8081;
+var host;
+var port = 8081;
 
-var listening = server.listen(port, function (request, response) {
-    //console.log("Requested "+request.url);
-    
-    var filename = ("test/" + request.url.slice(1)).replace(/[\\\/]/g, fs.separator);
-    
-    if (!fs.exists(filename) || !fs.isFile(filename)) {
-        response.statusCode = 404;
-        response.write("<html><head></head><body><h1>File Not Found</h1><h2>File:"+filename+"</h2></body></html>");
-        response.close();
-        return;
-    }
+var listening = server.listen(port, function(request, response) {
+  //console.log("Requested " + request.url);
+
+  var filename = ("test/" + request.url.slice(1)).replace(/[\\\/]/g, fs.separator);
 
-    // we set the headers here
-    response.statusCode = 200;
-    response.headers = {"Cache": "no-cache", "Content-Type": "text/html"};
-   
-    response.write(fs.read(filename));
-    
+  if (!fs.exists(filename) || !fs.isFile(filename)) {
+    response.statusCode = 404;
+    response.write("<html><head></head><body><h1>File Not Found</h1><h2>File:" + filename + "</h2></body></html>");
     response.close();
+    return;
+  }
+
+  // we set the headers here
+  response.statusCode = 200;
+  response.headers = {
+    "Cache": "no-cache",
+    "Content-Type": "text/html"
+  };
+
+  response.write(fs.read(filename));
+
+  response.close();
 });
 if (!listening) {
-    console.log("could not create web server listening on port " + port);
-    phantom.exit();
+  console.log("could not create web server listening on port " + port);
+  phantom.exit();
 }
 
 /**
@@ -42,100 +46,105 @@ if (!listening) {
  * @param timeOutMillis the max amount of time to wait. If not specified, 3 sec is used.
  * @param timeOutErrorMessage the error message if time out occurs
  */
-function waitFor(testFx, onReady, timeOutMillis, timeOutErrorMessage) {
-    var maxtimeOutMillis = timeOutMillis ? timeOutMillis : 10001, //< Default Max Timeout is 10s
-        start = new Date().getTime(),
-        condition = false,
-        interval = setInterval(function() {
-            if ( (new Date().getTime() - start < maxtimeOutMillis) && !condition ) {
-                // If not time-out yet and condition not yet fulfilled
-                condition = (typeof(testFx) === "string" ? eval(testFx) : testFx()); //< defensive code
-            } else {
-                if(!condition) {
-                    // If condition still not fulfilled (timeout but condition is 'false')
-                    console.log(timeOutErrorMessage || "'waitFor()' timeout");
-                    phantom.exit(1);
-                } else {
-                    // Condition fulfilled (timeout and/or condition is 'true')
-                    typeof(onReady) === "string" ? eval(onReady) : onReady(); //< Do what it's supposed to do once the condition is fulfilled
-                    clearInterval(interval); //< Stop this interval
-                }
-            }
-        }, 100); //< repeat check every 100ms
-};
 
-function testPage(url) {
-    var page = webpage.create();
-    page.open(url, function (status) {
-        if (status !== "success") {
-            console.log("Unable to access network - " + status);
-            phantom.exit();
+function waitFor(testFx, onReady, timeOutMillis, timeOutErrorMessage) {
+  var maxtimeOutMillis = timeOutMillis ? timeOutMillis : 10001, //< Default Max Timeout is 10s
+    start = new Date().getTime(),
+    condition = false,
+    interval = setInterval(function() {
+      if ((new Date().getTime() - start < maxtimeOutMillis) && !condition) {
+        // If not time-out yet and condition not yet fulfilled
+        condition = (typeof(testFx) === "string" ? eval(testFx) : testFx()); //< defensive code
+      } else {
+        if (!condition) {
+          // If condition still not fulfilled (timeout but condition is 'false')
+          console.log(timeOutErrorMessage || "'waitFor()' timeout");
+          phantom.exit(1);
         } else {
-            waitFor(function(){
-                return page.evaluate(function(){
-                    return document.body && document.body.querySelector && 
-                        document.body.querySelector('.symbolSummary .pending') === null &&
-                        document.body.querySelector('.results') !== null;
-                });
-            }, function(){
-                page.onConsoleMessage = function (msg) {
-                    console.log(msg);
-                };
-                var exitCode = page.evaluate(function(){
-                    console.log('');
-                    console.log(document.body.querySelector('.description').innerText);
-                    var list = document.body.querySelectorAll('.results > #details > .specDetail.failed');
-                    if (list && list.length > 0) {
-                      console.log('');
-                      console.log(list.length + ' test(s) FAILED:');
-                      for (var i = 0; i < list.length; ++i) {
-                          var el = list[i],
-                              desc = el.querySelector('.description'),
-                              msg = el.querySelector('.resultMessage.fail');
-                          console.log('');
-                          console.log(desc.innerText);
-                          console.log(msg.innerText);
-                          console.log('');
-                      }
-                      return 1;
-                    } else {
-                      console.log(document.body.querySelector('.alert > .passingAlert.bar').innerText);
-                      return 0;
-                    }
-                });
-                testFinished(exitCode);
-            },
-            10000, // 10 second timeout
-            "Test failed waiting for jasmine results on page: " + url);
+          // Condition fulfilled (timeout and/or condition is 'true')
+          typeof(onReady) === "string" ? eval(onReady) : onReady(); //< Do what it's supposed to do once the condition is fulfilled
+          clearInterval(interval); //< Stop this interval
         }
-    });
+      }
+    }, 100); //< repeat check every 100ms
+}
+
+function testPage(url) {
+  var page = webpage.create();
+  page.open(url, function(status) {
+    if (status !== "success") {
+      console.log("Unable to access network - " + status);
+      phantom.exit();
+    } else {
+      waitFor(function() {
+        return page.evaluate(function() {
+          return document.body && document.body.querySelector &&
+            document.body.querySelector('.symbolSummary .pending') === null &&
+            document.body.querySelector('.results') !== null;
+        });
+      }, function() {
+        page.onConsoleMessage = function(msg) {
+          console.log(msg);
+        };
+        var exitCode = page.evaluate(function() {
+          console.log('');
+          console.log(document.body.querySelector('.description').innerText);
+          var list = document.body.querySelectorAll('.results > #details > .specDetail.failed');
+          if (list && list.length > 0) {
+            console.log('');
+            console.log(list.length + ' test(s) FAILED:');
+            for (var i = 0; i < list.length; ++i) {
+              var el = list[i],
+                desc = el.querySelector('.description'),
+                msg = el.querySelector('.resultMessage.fail');
+              console.log('');
+              console.log(desc.innerText);
+              console.log(msg.innerText);
+              console.log('');
+            }
+            return 1;
+          } else {
+            console.log(document.body.querySelector('.alert > .passingAlert.bar').innerText);
+            return 0;
+          }
+        });
+        testFinished(exitCode);
+      },
+        10000, // 10 second timeout
+      "Test failed waiting for jasmine results on page: " + url);
+    }
+  });
 }
 
 function scanDirectory(path, regex) {
-    var files = [];
-    fs.list(path).forEach(function (file) {
-        if (file.match(regex)) {
-            files.push(file);
-        }
-    });
-    return files;
-};
+  var files = [];
+  fs.list(path).forEach(function(file) {
+    if (file.match(regex)) {
+      files.push(file);
+    }
+  });
+  return files;
+}
 
 var totalTests = 0,
-    totalFailed = 0,
-    totalDone = 0;
+  totalFailed = 0,
+  totalDone = 0;
 
 function testFinished(failed) {
-    if (failed) { totalFailed++; }
-    totalDone++;
-    if (totalDone === totalTests) { phantom.exit(totalFailed > 0 ? 1 : 0); }
+  if (failed) {
+    totalFailed++;
+  }
+  totalDone++;
+  if (totalDone === totalTests) {
+    phantom.exit(totalFailed > 0 ? 1 : 0);
+  }
 }
 
 if (system.args.length != 2 && system.args[1] != "--no-tests") {
-    var files = scanDirectory("test/browser/", /^test-runner-.+\.htm$/);
-    totalTests = files.length;
-    console.log("found " + files.length + " tests");
-    files.forEach(function(file) {
-        testPage("http://localhost:8081/browser/" + file);
-        });
+  var files = scanDirectory("test/browser/", /^test-runner-.+\.htm$/);
+  totalTests = files.length;
+  console.log("found " + files.length + " tests");
+  files.forEach(function(file) {
+    testPage("http://localhost:8081/browser/" + file);
+  });
 }

data/lib/less/js/test/browser/runner-browser-options.js

@@ -0,0 +1,42 @@
+var less = {};
+
+// There originally run inside describe method. However, since they have not
+// been inside it, they run at jasmine compile time (not runtime). It all
+// worked cause less.js was in async mode and custom phantom runner had
+// different setup then grunt-contrib-jasmine. They have been created before
+// less.js run, even as they have been defined in spec.
+
+// test inline less in style tags by grabbing an assortment of less files and doing `@import`s
+var testFiles = ['charsets', 'colors', 'comments', 'css-3', 'strings', 'media', 'mixins'],
+    testSheets = [];
+
+// setup style tags with less and link tags pointing to expected css output
+for (var i = 0; i < testFiles.length; i++) {
+  var file = testFiles[i],
+      lessPath  = '/test/less/' + file + '.less',
+      cssPath   = '/test/css/' + file + '.css',
+      lessStyle = document.createElement('style'),
+      cssLink   = document.createElement('link'),
+      lessText  = '@import "' + lessPath + '";';
+
+  lessStyle.type = 'text/less';
+  lessStyle.id = file;
+  lessStyle.href = file;
+
+  if (lessStyle.styleSheet) {
+    lessStyle.styleSheet.cssText = lessText;
+  } else {
+    lessStyle.innerHTML = lessText;
+  }
+
+  cssLink.rel = 'stylesheet';
+  cssLink.type = 'text/css';
+  cssLink.href = cssPath;
+  cssLink.id = 'expected-' + file;
+
+  var head = document.getElementsByTagName('head')[0];
+
+  head.appendChild(lessStyle);
+  head.appendChild(cssLink);
+  testSheets[i] = lessStyle;
+}

data/lib/less/js/test/browser/{runner-browser.js → runner-browser-spec.js}

@@ -1,7 +1,12 @@
 describe("less.js browser behaviour", function() {
     testLessEqualsInDocument();
-    
+
     it("has some log messages", function() {
         expect(logMessages.length).toBeGreaterThan(0);
     });
-});
+
+    for (var i = 0; i < testFiles.length; i++) {
+        var sheet = testSheets[i];
+        testSheet(sheet);
+    }
+});

data/lib/less/js/test/browser/runner-console-errors.js

@@ -0,0 +1,5 @@
+less.errorReporting = 'console';
+
+describe("less.js error reporting console test", function() {
+    testLessErrorsInDocument(true);
+});

data/lib/less/js/test/browser/runner-errors-options.js

@@ -0,0 +1,5 @@
+var less = {
+    strictUnits: true,
+    strictMath: true
+};
+

data/lib/less/js/test/browser/runner-errors-spec.js

@@ -0,0 +1,4 @@
+describe("less.js error tests", function() {
+  testLessErrorsInDocument();
+});
+

data/lib/less/js/test/browser/runner-global-vars-options.js

@@ -0,0 +1,4 @@
+var less = {};
+less.globalVars = {
+  "@global-var": "red"
+};

data/lib/less/js/test/browser/runner-global-vars-spec.js

@@ -0,0 +1,3 @@
+describe("less.js global vars", function() {
+  testLessEqualsInDocument();
+});

data/lib/less/js/test/browser/runner-legacy-options.js

@@ -0,0 +1,4 @@
+var less = {};
+less.strictMath = false;
+less.strictUnits = false;
+

data/lib/less/js/test/browser/{runner-legacy.js → runner-legacy-spec.js}

@@ -1,6 +1,3 @@
-less.strictMath = false;
-less.strictUnits = false;
-
 describe("less.js legacy tests", function() {
     testLessEqualsInDocument();
-});
+});

data/lib/less/js/test/browser/runner-main-options.js

@@ -0,0 +1,15 @@
+var less = {};
+less.strictMath = true;
+less.functions = {
+  add: function(a, b) {
+    return new(less.tree.Dimension)(a.value + b.value);
+  },
+  increment: function(a) {
+    return new(less.tree.Dimension)(a.value + 1);
+  },
+  _color: function(str) {
+    if (str.value === "evil red") {
+      return new(less.tree.Color)("600");
+    }
+  }
+};