less 2.2.2 → 2.6.0

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

@@ -0,0 +1,3 @@
+.a {
+  prop: (3 / #fff);
+}

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/imports/urls.less

@@ -0,0 +1,4 @@
+@import "modify-this.css";
+.modify {
+  my-url: url("a.png");
+}

data/lib/less/js/test/browser/less/imports/urls2.less

@@ -0,0 +1,4 @@
+@import "modify-again.css";
+.modify {
+  my-url: url("b.png");
+}

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/postProcessor/postProcessor.less

@@ -0,0 +1,4 @@
+@color: white;
+.test {
+    color: @color;
+}

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

@@ -0,0 +1,33 @@
+@import ".././imports/urls.less";
+@import "http://localhost:8081/test/browser/less/imports/urls2.less";
+@font-face {
+  src: url("/fonts/garamond-pro.ttf");
+  src: local(Futura-Medium),
+       url(fonts.svg#MyGeometricModern) format("svg");
+}
+#shorthands {
+  background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
+}
+#misc {
+  background-image: url(images/image.jpg);
+}
+#data-uri {
+  background: url(data:image/png;charset=utf-8;base64,
+    kiVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD/
+    k//+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4U
+    kg9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC);
+  background-image: url(data:image/x-png,f9difSSFIIGFIFJD1f982FSDKAA9==);
+  background-image: url(http://fonts.googleapis.com/css?family=\"Rokkitt\":\(400\),700);
+}
+
+#svg-data-uri {
+  background: transparent url('data:image/svg+xml, <svg version="1.1"><g></g></svg>');
+}
+
+.comma-delimited {
+  background: url(bg.jpg) no-repeat, url(bg.png) repeat-x top left, url(bg);
+}
+.values {
+    @a: 'Trebuchet';
+    url: url(@a);
+}

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

@@ -0,0 +1,33 @@
+@import "../imports/urls.less";
+@import "http://localhost:8081/test/browser/less/imports/urls2.less";
+@font-face {
+  src: url("/fonts/garamond-pro.ttf");
+  src: local(Futura-Medium),
+       url(fonts.svg#MyGeometricModern) format("svg");
+}
+#shorthands {
+  background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
+}
+#misc {
+  background-image: url(images/image.jpg);
+}
+#data-uri {
+  background: url(data:image/png;charset=utf-8;base64,
+    kiVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD/
+    k//+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4U
+    kg9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC);
+  background-image: url(data:image/x-png,f9difSSFIIGFIFJD1f982FSDKAA9==);
+  background-image: url(http://fonts.googleapis.com/css?family=\"Rokkitt\":\(400\),700);
+}
+
+#svg-data-uri {
+  background: transparent url('data:image/svg+xml, <svg version="1.1"><g></g></svg>');
+}
+
+.comma-delimited {
+  background: url(bg.jpg) no-repeat, url(bg.png) repeat-x top left, url(bg);
+}
+.values {
+    @a: 'Trebuchet';
+    url: url(@a);
+}

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

@@ -0,0 +1,33 @@
+@import "../imports/urls.less";
+@import "http://localhost:8081/test/browser/less/imports/urls2.less";
+@font-face {
+  src: url("/fonts/garamond-pro.ttf");
+  src: local(Futura-Medium),
+       url(fonts.svg#MyGeometricModern) format("svg");
+}
+#shorthands {
+  background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
+}
+#misc {
+  background-image: url(images/image.jpg);
+}
+#data-uri {
+  background: url(data:image/png;charset=utf-8;base64,
+    kiVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD/
+    k//+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4U
+    kg9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC);
+  background-image: url(data:image/x-png,f9difSSFIIGFIFJD1f982FSDKAA9==);
+  background-image: url(http://fonts.googleapis.com/css?family=\"Rokkitt\":\(400\),700);
+}
+
+#svg-data-uri {
+  background: transparent url('data:image/svg+xml, <svg version="1.1"><g></g></svg>');
+}
+
+.comma-delimited {
+  background: url(bg.jpg) no-repeat, url(bg.png) repeat-x top left, url(bg);
+}
+.values {
+    @a: 'Trebuchet';
+    url: url(@a);
+}

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

@@ -0,0 +1,57 @@
+@import "imports/urls.less";
+@import "http://localhost:8081/test/browser/less/imports/urls2.less";
+@font-face {
+  src: url("/fonts/garamond-pro.ttf");
+  src: local(Futura-Medium),
+       url(fonts.svg#MyGeometricModern) format("svg");
+}
+#shorthands {
+  background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
+}
+#misc {
+  background-image: url(images/image.jpg);
+}
+#data-uri {
+  background: url(data:image/png;charset=utf-8;base64,
+    kiVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD/
+    k//+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4U
+    kg9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC);
+  background-image: url(data:image/x-png,f9difSSFIIGFIFJD1f982FSDKAA9==);
+  background-image: url(http://fonts.googleapis.com/css?family=\"Rokkitt\":\(400\),700);
+}
+
+#svg-data-uri {
+  background: transparent url('data:image/svg+xml, <svg version="1.1"><g></g></svg>');
+}
+
+.comma-delimited {
+  background: url(bg.jpg) no-repeat, url(bg.png) repeat-x top left, url(bg);
+}
+.values {
+    @a: 'Trebuchet';
+    url: url(@a);
+}
+#data-uri {
+  uri: data-uri('image/jpeg;base64', '../../data/image.jpg');
+}
+
+#data-uri-guess {
+  uri: data-uri('../../data/image.jpg');
+}
+
+#data-uri-ascii {
+  uri-1: data-uri('text/html', '../../data/page.html');
+  uri-2: data-uri('../../data/page.html');
+}
+
+#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

@@ -0,0 +1,150 @@
+var webpage = require('webpage');
+var server = require('webserver').create();
+var system = require('system');
+var fs = require('fs');
+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;
+  }
+
+  // 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();
+}
+
+/**
+ * Wait until the test condition is true or a timeout occurs. Useful for waiting
+ * on a server response or for a ui change (fadeIn, etc.) to occur.
+ *
+ * @param testFx javascript condition that evaluates to a boolean,
+ * it can be passed in as a string (e.g.: "1 == 1" or "$('#bar').is(':visible')" or
+ * as a callback function.
+ * @param onReady what to do when testFx condition is fulfilled,
+ * it can be passed in as a string (e.g.: "1 == 1" or "$('#bar').is(':visible')" or
+ * as a callback function.
+ * @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();
+    } 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 totalTests = 0,
+  totalFailed = 0,
+  totalDone = 0;
+
+function testFinished(failed) {
+  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);
+  });
+}

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-spec.js

@@ -0,0 +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-spec.js

@@ -0,0 +1,3 @@
+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");
+    }
+  }
+};

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

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

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

@@ -0,0 +1,2 @@
+/* exported less */
+var less = {};

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

@@ -0,0 +1,43 @@
+var alreadyRun = false;
+
+describe("less.js modify vars", function() {
+  beforeEach(function() {
+    // simulating "setUp" or "beforeAll" method
+    var lessOutputObj;
+    if (alreadyRun)
+      return;
+
+    alreadyRun = true;
+
+    // wait until the sheet is compiled first time
+    waitsFor(function() {
+      lessOutputObj = document.getElementById("less:test-less-simple");
+      return lessOutputObj !== null;
+    }, "first generation of less:test-less-simple", 7000);
+
+    // modify variables
+    runs(function() {
+      lessOutputObj.type = "not compiled yet";
+      less.modifyVars({
+        var1: "green",
+        var2: "purple",
+        scale: 20
+      });
+    });
+
+    // wait until variables are modified
+    waitsFor(function() {
+      lessOutputObj = document.getElementById("less:test-less-simple");
+      return lessOutputObj !== null && lessOutputObj.type === "text/css";
+    }, "second generation of less:test-less-simple", 7000);
+
+  });
+
+  testLessEqualsInDocument();
+  it("Should log only 2 XHR requests", function() {
+    var xhrLogMessages = logMessages.filter(function(item) {
+      return (/XHR: Getting '/).test(item);
+    });
+    expect(xhrLogMessages.length).toEqual(2);
+  });
+});

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

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

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

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

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

@@ -0,0 +1,4 @@
+var less = {};
+less.postProcessor = function(styles) {
+    return 'hr {height:50px;}\n' + styles;
+};

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

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

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

@@ -0,0 +1,3 @@
+var less = {};
+less.env = "production";
+

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

@@ -0,0 +1,5 @@
+describe("less.js production behaviour", function() {
+    it("doesn't log any messages", function() {
+        expect(logMessages.length).toEqual(0);
+    });
+});

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

@@ -0,0 +1,3 @@
+var less = {};
+less.relativeUrls = true;
+

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

@@ -0,0 +1,3 @@
+describe("less.js browser test - relative url's", function() {
+    testLessEqualsInDocument();
+});

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

@@ -0,0 +1,3 @@
+var less = {};
+less.rootpath = "https://www.github.com/";
+

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

@@ -0,0 +1,4 @@
+var less = {};
+less.rootpath = "https://www.github.com/cloudhead/less.js/";
+less.relativeUrls = true;
+

data/lib/less/js/test/browser/runner-rootpath-relative-spec.js

@@ -0,0 +1,3 @@
+describe("less.js browser test - rootpath and relative url's", function() {
+    testLessEqualsInDocument();
+});

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

@@ -0,0 +1,3 @@
+describe("less.js browser test - rootpath url's", function() {
+    testLessEqualsInDocument();
+});

data/lib/less/js/test/browser/test-runner-template.tmpl

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Jasmine Spec Runner</title>
+
+    <!-- generate script tags for tests -->
+    <% var generateScriptTags = function(allScripts) { allScripts.forEach(function(script){ %>
+        <script src="<%= script %>"></script>
+    <% }); }; %>
+
+    <!-- for each test, generate CSS/LESS link tags -->
+    <% scripts.src.forEach(function(fullLessName) {
+      var pathParts = fullLessName.split('/');
+      var fullCssName = fullLessName.replace(/less/g, 'css');
+      var lessName = pathParts[pathParts.length - 1];
+      var name = lessName.split('.')[0]; %>
+      <!-- the tags to be generated -->
+      <link id="original-less:test-less-<%= name %>" title="test-less-<%= name %>" rel="stylesheet/less" type="text/css" href="<%= fullLessName %>">
+      <link id="expected-less:test-less-<%= name %>" rel="stylesheet" type="text/css" href="<%= fullCssName %>">
+    <% }); %>
+
+    <!-- generate grunt-contrib-jasmine link tags -->
+    <% css.forEach(function(style){ %>
+      <link rel="stylesheet" type="text/css" href="<%= style %>">
+    <% }) %>
+
+    <!-- inital grunt-contrib-jasmine scripts -->
+    <% generateScriptTags([].concat(scripts.polyfills, scripts.jasmine)); %>
+
+    <!-- Helpers - The less options -->
+    <% generateScriptTags(scripts.helpers); %>
+
+    <!-- Vendor - less.js and common code -->
+    <% generateScriptTags(scripts.vendor); %>
+
+    <!-- Spec -->
+    <% generateScriptTags(scripts.specs); %>
+
+    <!-- final grunt-contrib-jasmine scripts -->
+    <% generateScriptTags([].concat(scripts.reporters, scripts.start)); %>
+  </head>
+
+  <body>
+  <!-- content -->
+  </body>
+</html>

data/lib/less/js/test/css/charsets.css

@@ -0,0 +1 @@
+@charset "UTF-8";