less 4.2.0 → 4.2.2

package/package.json

@@ -1,140 +1,140 @@
-{
-	"name": "less",
-	"version": "4.2.0",
-	"description": "Leaner CSS",
-	"homepage": "http://lesscss.org",
-	"author": {
-		"name": "Alexis Sellier",
-		"email": "self@cloudhead.net"
-	},
-	"contributors": [
-		"The Core Less Team"
-	],
-	"bugs": {
-		"url": "https://github.com/less/less.js/issues"
-	},
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/less/less.js.git"
-	},
-	"master": {
-		"url": "https://github.com/less/less.js/blob/master/",
-		"raw": "https://raw.githubusercontent.com/less/less.js/master/"
-	},
-	"license": "Apache-2.0",
-	"bin": {
-		"lessc": "./bin/lessc"
-	},
-	"main": "index",
-	"module": "./lib/less-node/index",
-	"directories": {
-		"test": "./test"
-	},
-	"browser": "./dist/less.js",
-	"engines": {
-		"node": ">=6"
-	},
-	"scripts": {
-		"test": "grunt test",
-		"grunt": "grunt",
-		"lint": "eslint '**/*.{ts,js}'",
-		"lint:fix": "eslint '**/*.{ts,js}' --fix",
-		"build": "npm-run-all clean compile",
-		"clean": "shx rm -rf ./lib tsconfig.tsbuildinfo",
-		"compile": "tsc -p tsconfig.build.json",
-		"copy:root": "shx cp -rf ./dist ../../",
-		"dev": "tsc -p tsconfig.build.json -w",
-		"prepublishOnly": "grunt dist"
-	},
-	"optionalDependencies": {
-		"errno": "^0.1.1",
-		"graceful-fs": "^4.1.2",
-		"image-size": "~0.5.0",
-		"make-dir": "^2.1.0",
-		"mime": "^1.4.1",
-		"needle": "^3.1.0",
-		"source-map": "~0.6.0"
-	},
-	"devDependencies": {
-		"@less/test-data": "^4.2.0",
-		"@less/test-import-module": "^4.0.0",
-		"@rollup/plugin-commonjs": "^17.0.0",
-		"@rollup/plugin-json": "^4.1.0",
-		"@rollup/plugin-node-resolve": "^11.0.0",
-		"@typescript-eslint/eslint-plugin": "^4.28.0",
-		"@typescript-eslint/parser": "^4.28.0",
-		"benny": "^3.6.12",
-		"bootstrap-less-port": "0.3.0",
-		"chai": "^4.2.0",
-		"cross-env": "^7.0.3",
-		"diff": "^3.2.0",
-		"eslint": "^7.29.0",
-		"fs-extra": "^8.1.0",
-		"git-rev": "^0.2.1",
-		"globby": "^10.0.1",
-		"grunt": "^1.0.4",
-		"grunt-cli": "^1.3.2",
-		"grunt-contrib-clean": "^1.0.0",
-		"grunt-contrib-connect": "^1.0.2",
-		"grunt-eslint": "^23.0.0",
-		"grunt-saucelabs": "^9.0.1",
-		"grunt-shell": "^1.3.0",
-		"html-template-tag": "^3.2.0",
-		"jit-grunt": "^0.10.0",
-		"less-plugin-autoprefix": "^1.5.1",
-		"less-plugin-clean-css": "^1.5.1",
-		"minimist": "^1.2.0",
-		"mocha": "^6.2.1",
-		"mocha-headless-chrome": "^4.0.0",
-		"mocha-teamcity-reporter": "^3.0.0",
-		"nock": "^11.8.2",
-		"npm-run-all": "^4.1.5",
-		"performance-now": "^0.2.0",
-		"phin": "^2.2.3",
-		"promise": "^7.1.1",
-		"read-glob": "^3.0.0",
-		"resolve": "^1.17.0",
-		"rollup": "^2.52.2",
-		"rollup-plugin-terser": "^5.1.1",
-		"rollup-plugin-typescript2": "^0.29.0",
-		"semver": "^6.3.0",
-		"shx": "^0.3.2",
-		"time-grunt": "^1.3.0",
-		"ts-node": "^9.1.1",
-		"typescript": "^4.3.4",
-		"uikit": "2.27.4"
-	},
-	"keywords": [
-		"compile less",
-		"css nesting",
-		"css variable",
-		"css",
-		"gradients css",
-		"gradients css3",
-		"less compiler",
-		"less css",
-		"less mixins",
-		"less",
-		"less.js",
-		"lesscss",
-		"mixins",
-		"nested css",
-		"parser",
-		"preprocessor",
-		"bootstrap css",
-		"bootstrap less",
-		"style",
-		"styles",
-		"stylesheet",
-		"variables in css",
-		"css less"
-	],
-	"rawcurrent": "https://raw.github.com/less/less.js/v",
-	"sourcearchive": "https://github.com/less/less.js/archive/v",
-	"dependencies": {
-		"copy-anything": "^2.0.1",
-		"parse-node-version": "^1.0.1",
-		"tslib": "^2.3.0"
-	},
-	"gitHead": "1df9072ee9ebdadc791bf35dfb1dbc3ef9f1948f"
-}
+{
+	"name": "less",
+	"version": "4.2.2",
+	"description": "Leaner CSS",
+	"homepage": "http://lesscss.org",
+	"author": {
+		"name": "Alexis Sellier",
+		"email": "self@cloudhead.net"
+	},
+	"contributors": [
+		"The Core Less Team"
+	],
+	"bugs": {
+		"url": "https://github.com/less/less.js/issues"
+	},
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/less/less.js.git"
+	},
+	"master": {
+		"url": "https://github.com/less/less.js/blob/master/",
+		"raw": "https://raw.githubusercontent.com/less/less.js/master/"
+	},
+	"license": "Apache-2.0",
+	"bin": {
+		"lessc": "./bin/lessc"
+	},
+	"main": "index",
+	"module": "./lib/less-node/index",
+	"directories": {
+		"test": "./test"
+	},
+	"browser": "./dist/less.js",
+	"engines": {
+		"node": ">=6"
+	},
+	"scripts": {
+		"test": "grunt test",
+		"grunt": "grunt",
+		"lint": "eslint '**/*.{ts,js}'",
+		"lint:fix": "eslint '**/*.{ts,js}' --fix",
+		"build": "npm-run-all clean compile",
+		"clean": "shx rm -rf ./lib tsconfig.tsbuildinfo",
+		"compile": "tsc -p tsconfig.build.json",
+		"copy:root": "shx cp -rf ./dist ../../",
+		"dev": "tsc -p tsconfig.build.json -w",
+		"prepublishOnly": "grunt dist"
+	},
+	"optionalDependencies": {
+		"errno": "^0.1.1",
+		"graceful-fs": "^4.1.2",
+		"image-size": "~0.5.0",
+		"make-dir": "^2.1.0",
+		"mime": "^1.4.1",
+		"needle": "^3.1.0",
+		"source-map": "~0.6.0"
+	},
+	"devDependencies": {
+		"@less/test-data": "^4.2.2",
+		"@less/test-import-module": "^4.0.0",
+		"@rollup/plugin-commonjs": "^17.0.0",
+		"@rollup/plugin-json": "^4.1.0",
+		"@rollup/plugin-node-resolve": "^11.0.0",
+		"@typescript-eslint/eslint-plugin": "^4.28.0",
+		"@typescript-eslint/parser": "^4.28.0",
+		"benny": "^3.6.12",
+		"bootstrap-less-port": "0.3.0",
+		"chai": "^4.2.0",
+		"cross-env": "^7.0.3",
+		"diff": "^3.2.0",
+		"eslint": "^7.29.0",
+		"fs-extra": "^8.1.0",
+		"git-rev": "^0.2.1",
+		"globby": "^10.0.1",
+		"grunt": "^1.0.4",
+		"grunt-cli": "^1.3.2",
+		"grunt-contrib-clean": "^1.0.0",
+		"grunt-contrib-connect": "^1.0.2",
+		"grunt-eslint": "^23.0.0",
+		"grunt-saucelabs": "^9.0.1",
+		"grunt-shell": "^1.3.0",
+		"html-template-tag": "^3.2.0",
+		"jit-grunt": "^0.10.0",
+		"less-plugin-autoprefix": "^1.5.1",
+		"less-plugin-clean-css": "^1.6.0",
+		"minimist": "^1.2.0",
+		"mocha": "^6.2.1",
+		"playwright": "^1.49.0",
+		"mocha-teamcity-reporter": "^3.0.0",
+		"nock": "^11.8.2",
+		"npm-run-all": "^4.1.5",
+		"performance-now": "^0.2.0",
+		"phin": "^2.2.3",
+		"promise": "^7.1.1",
+		"read-glob": "^3.0.0",
+		"resolve": "^1.17.0",
+		"rollup": "^2.52.2",
+		"rollup-plugin-terser": "^5.1.1",
+		"rollup-plugin-typescript2": "^0.29.0",
+		"semver": "^6.3.0",
+		"shx": "^0.3.2",
+		"time-grunt": "^1.3.0",
+		"ts-node": "^10.9.1",
+		"typescript": "^4.3.4",
+		"uikit": "2.27.4"
+	},
+	"keywords": [
+		"compile less",
+		"css nesting",
+		"css variable",
+		"css",
+		"gradients css",
+		"gradients css3",
+		"less compiler",
+		"less css",
+		"less mixins",
+		"less",
+		"less.js",
+		"lesscss",
+		"mixins",
+		"nested css",
+		"parser",
+		"preprocessor",
+		"bootstrap css",
+		"bootstrap less",
+		"style",
+		"styles",
+		"stylesheet",
+		"variables in css",
+		"css less"
+	],
+	"rawcurrent": "https://raw.github.com/less/less.js/v",
+	"sourcearchive": "https://github.com/less/less.js/archive/v",
+	"dependencies": {
+		"copy-anything": "^2.0.1",
+		"parse-node-version": "^1.0.1",
+		"tslib": "^2.3.0"
+	},
+	"gitHead": "1df9072ee9ebdadc791bf35dfb1dbc3ef9f1948f"
+}

package/test/browser/css/plugin/plugin.css

@@ -1,3 +1,3 @@
 .test {
-  val: http://localhost:8081/tmp/browser/test-runner-browser.html;
+  val: http://localhost:8081/packages/less/tmp/browser/test-runner-browser.html;
 }

package/test/browser/css/relative-urls/urls.css

@@ -1,20 +1,20 @@
-@import "http://localhost:8081/test/browser/less/imports/modify-this.css";
-@import "http://localhost:8081/test/browser/less/imports/modify-again.css";
+@import "http://localhost:8081/packages/less/test/browser/less/imports/modify-this.css";
+@import "http://localhost:8081/packages/less/test/browser/less/imports/modify-again.css";
 .modify {
-  my-url: url("http://localhost:8081/test/browser/less/imports/a.png");
+  my-url: url("http://localhost:8081/packages/less/test/browser/less/imports/a.png");
 }
 .modify {
-  my-url: url("http://localhost:8081/test/browser/less/imports/b.png");
+  my-url: url("http://localhost:8081/packages/less/test/browser/less/imports/b.png");
 }
 @font-face {
   src: url("/fonts/garamond-pro.ttf");
-  src: local(Futura-Medium), url(http://localhost:8081/test/browser/less/relative-urls/fonts.svg#MyGeometricModern) format("svg");
+  src: local(Futura-Medium), url(http://localhost:8081/packages/less/test/browser/less/relative-urls/fonts.svg#MyGeometricModern) format("svg");
 }
 #shorthands {
   background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
 }
 #misc {
-  background-image: url(http://localhost:8081/test/browser/less/relative-urls/images/image.jpg);
+  background-image: url(http://localhost:8081/packages/less/test/browser/less/relative-urls/images/image.jpg);
   background: url("#inline-svg");
 }
 #data-uri {
@@ -29,8 +29,8 @@
   background: transparent url('data:image/svg+xml, <svg version="1.1"><g></g></svg>');
 }
 .comma-delimited {
-  background: url(http://localhost:8081/test/browser/less/relative-urls/bg.jpg) no-repeat, url(http://localhost:8081/test/browser/less/relative-urls/bg.png) repeat-x top left, url(http://localhost:8081/test/browser/less/relative-urls/bg);
+  background: url(http://localhost:8081/packages/less/test/browser/less/relative-urls/bg.jpg) no-repeat, url(http://localhost:8081/packages/less/test/browser/less/relative-urls/bg.png) repeat-x top left, url(http://localhost:8081/packages/less/test/browser/less/relative-urls/bg);
 }
 .values {
-  url: url('http://localhost:8081/test/browser/less/relative-urls/Trebuchet');
+  url: url('http://localhost:8081/packages/less/test/browser/less/relative-urls/Trebuchet');
 }

package/test/browser/css/rewrite-urls/urls.css

@@ -1,20 +1,20 @@
-@import "http://localhost:8081/test/browser/less/imports/modify-this.css";
-@import "http://localhost:8081/test/browser/less/imports/modify-again.css";
+@import "http://localhost:8081/packages/less/test/browser/less/imports/modify-this.css";
+@import "http://localhost:8081/packages/less/test/browser/less/imports/modify-again.css";
 .modify {
-  my-url: url("http://localhost:8081/test/browser/less/imports/a.png");
+  my-url: url("http://localhost:8081/packages/less/test/browser/less/imports/a.png");
 }
 .modify {
-  my-url: url("http://localhost:8081/test/browser/less/imports/b.png");
+  my-url: url("http://localhost:8081/packages/less/test/browser/less/imports/b.png");
 }
 @font-face {
   src: url("/fonts/garamond-pro.ttf");
-  src: local(Futura-Medium), url(http://localhost:8081/test/browser/less/rewrite-urls/fonts.svg#MyGeometricModern) format("svg");
+  src: local(Futura-Medium), url(http://localhost:8081/packages/less/test/browser/less/rewrite-urls/fonts.svg#MyGeometricModern) format("svg");
 }
 #shorthands {
   background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
 }
 #misc {
-  background-image: url(http://localhost:8081/test/browser/less/rewrite-urls/images/image.jpg);
+  background-image: url(http://localhost:8081/packages/less/test/browser/less/rewrite-urls/images/image.jpg);
   background: url("#inline-svg");
 }
 #data-uri {
@@ -29,8 +29,8 @@
   background: transparent url('data:image/svg+xml, <svg version="1.1"><g></g></svg>');
 }
 .comma-delimited {
-  background: url(http://localhost:8081/test/browser/less/rewrite-urls/bg.jpg) no-repeat, url(http://localhost:8081/test/browser/less/rewrite-urls/bg.png) repeat-x top left, url(http://localhost:8081/test/browser/less/rewrite-urls/bg);
+  background: url(http://localhost:8081/packages/less/test/browser/less/rewrite-urls/bg.jpg) no-repeat, url(http://localhost:8081/packages/less/test/browser/less/rewrite-urls/bg.png) repeat-x top left, url(http://localhost:8081/packages/less/test/browser/less/rewrite-urls/bg);
 }
 .values {
-  url: url('http://localhost:8081/test/browser/less/rewrite-urls/Trebuchet');
+  url: url('http://localhost:8081/packages/less/test/browser/less/rewrite-urls/Trebuchet');
 }

package/test/browser/css/urls.css

@@ -1,24 +1,24 @@
-@import "http://localhost:8081/test/browser/less/modify-this.css";
-@import "http://localhost:8081/test/browser/less/modify-again.css";
+@import "http://localhost:8081/packages/less/test/browser/less/modify-this.css";
+@import "http://localhost:8081/packages/less/test/browser/less/modify-again.css";
 .modify {
-  my-url: url("http://localhost:8081/test/browser/less/a.png");
+  my-url: url("http://localhost:8081/packages/less/test/browser/less/a.png");
 }
 .modify {
-  my-url: url("http://localhost:8081/test/browser/less/b.png");
+  my-url: url("http://localhost:8081/packages/less/test/browser/less/b.png");
 }
 .gray-gradient {
   background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%2260%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220.05%22%2F%3E%3Cstop%20offset%3D%2270%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220.1%22%2F%3E%3Cstop%20offset%3D%2273%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220.15%22%2F%3E%3Cstop%20offset%3D%2275%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220.2%22%2F%3E%3Cstop%20offset%3D%2280%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220.25%22%2F%3E%3Cstop%20offset%3D%2285%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220.3%22%2F%3E%3Cstop%20offset%3D%2288%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220.35%22%2F%3E%3Cstop%20offset%3D%2290%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220.4%22%2F%3E%3Cstop%20offset%3D%2295%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220.45%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220.5%22%2F%3E%3C%2FlinearGradient%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22url(%23g)%22%20%2F%3E%3C%2Fsvg%3E');
 }
 @font-face {
   src: url("/fonts/garamond-pro.ttf");
-  src: local(Futura-Medium), url(http://localhost:8081/test/browser/less/fonts.svg#MyGeometricModern) format("svg");
+  src: local(Futura-Medium), url(http://localhost:8081/packages/less/test/browser/less/fonts.svg#MyGeometricModern) format("svg");
   not-a-comment: url(//z);
 }
 #shorthands {
   background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
 }
 #misc {
-  background-image: url(http://localhost:8081/test/browser/less/images/image.jpg);
+  background-image: url(http://localhost:8081/packages/less/test/browser/less/images/image.jpg);
 }
 #data-uri {
   background: url(data:image/png;charset=utf-8;base64,
@@ -32,20 +32,20 @@
   background: transparent url('data:image/svg+xml, <svg version="1.1"><g></g></svg>');
 }
 .comma-delimited {
-  background: url(http://localhost:8081/test/browser/less/bg.jpg) no-repeat, url(http://localhost:8081/test/browser/less/bg.png) repeat-x top left, url(http://localhost:8081/test/browser/less/bg);
+  background: url(http://localhost:8081/packages/less/test/browser/less/bg.jpg) no-repeat, url(http://localhost:8081/packages/less/test/browser/less/bg.png) repeat-x top left, url(http://localhost:8081/packages/less/test/browser/less/bg);
 }
 .values {
-  url: url('http://localhost:8081/test/browser/less/Trebuchet');
+  url: url('http://localhost:8081/packages/less/test/browser/less/Trebuchet');
 }
 #data-uri {
-  uri: url('http://localhost:8081/test/data/image.jpg');
+  uri: url('http://localhost:8081/packages/less/test/data/image.jpg');
 }
 #data-uri-guess {
-  uri: url('http://localhost:8081/test/data/image.jpg');
+  uri: url('http://localhost:8081/packages/less/test/data/image.jpg');
 }
 #data-uri-ascii {
-  uri-1: url('http://localhost:8081/test/data/page.html');
-  uri-2: url('http://localhost:8081/test/data/page.html');
+  uri-1: url('http://localhost:8081/packages/less/test/data/page.html');
+  uri-2: url('http://localhost:8081/packages/less/test/data/page.html');
 }
 #svg-functions {
   background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23000000%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ffffff%22%2F%3E%3C%2FlinearGradient%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22url(%23g)%22%20%2F%3E%3C%2Fsvg%3E');

package/test/browser/generator/generate.js

@@ -3,7 +3,7 @@ let config
 const fs = require('fs-extra')
 const path = require('path')
 const globby = require('globby')
-const { runner } = require('mocha-headless-chrome')
+const { runner } = require('../../mocha-playwright/runner')
 
 
 if (process.argv[2]) {
@@ -52,12 +52,12 @@ Object.entries(config).forEach(entry => {
     const templateString = template(paths, test.options.helpers, test.options.specs)
     fs.writeFileSync(path.join(cwd, test.options.outfile), templateString)
     tests.push(() => {
-        const file = 'http://localhost:8081/' + test.options.outfile
+        const file = 'http://localhost:8081/packages/less/' + test.options.outfile
         console.log(file)
         return runner({
             file,
             timeout: 3500,
-            args: ['disable-web-security']
+            args: ['disable-web-security', 'no-sandbox', 'disable-setuid-sandbox'],
         })
     })
 })

package/test/browser/generator/runner.config.js

@@ -1,9 +1,11 @@
 var path = require('path');
 var resolve = require('resolve')
+var { forceCovertToBrowserPath } = require('./utils');
 
-var rootFolder = path.resolve(__dirname, '../../../');
-var testFolder = path.relative(rootFolder, path.dirname(resolve.sync('@less/test-data')))
-var lessFolder = path.join(testFolder, 'less');
+/** Root of repo */
+var testFolder = forceCovertToBrowserPath(path.dirname(resolve.sync('@less/test-data')));
+var lessFolder = forceCovertToBrowserPath(path.join(testFolder, 'less'));
+var localTests = forceCovertToBrowserPath(path.resolve(__dirname, '..'));
 
 module.exports = {
     main: {
@@ -33,7 +35,7 @@ module.exports = {
         }
     },
     strictUnits: {
-        src: [`${lessFolder}/strict-units/*.less`],
+        src: [`${lessFolder}/units/strict/*.less`],
         options: {
             helpers: 'test/browser/runner-strict-units-options.js',
             specs: 'test/browser/runner-strict-units-spec.js',
@@ -44,7 +46,7 @@ module.exports = {
         src: [
             `${lessFolder}/errors/*.less`,
             `${testFolder}/errors/javascript-error.less`,
-            'test/browser/less/errors/*.less'
+            `${localTests}/less/errors/*.less`
         ],
         options: {
             timeout: 20000,
@@ -63,8 +65,8 @@ module.exports = {
     },
     browser: {
         src: [
-            'test/browser/less/*.less',
-            'test/browser/less/plugin/*.less'
+            `${localTests}/less/*.less`,
+            `${localTests}/less/plugin/*.less`
         ],
         options: {
             helpers: 'test/browser/runner-browser-options.js',
@@ -73,7 +75,7 @@ module.exports = {
         }
     },
     relativeUrls: {
-        src: ['test/browser/less/relative-urls/*.less'],
+        src: [`${localTests}/less/relative-urls/*.less`],
         options: {
             helpers: 'test/browser/runner-relative-urls-options.js',
             specs: 'test/browser/runner-relative-urls-spec.js',
@@ -81,7 +83,7 @@ module.exports = {
         }
     },
     rewriteUrls: {
-        src: ['test/browser/less/rewrite-urls/*.less'],
+        src: [`${localTests}/less/rewrite-urls/*.less`],
         options: {
             helpers: 'test/browser/runner-rewrite-urls-options.js',
             specs: 'test/browser/runner-rewrite-urls-spec.js',
@@ -89,7 +91,7 @@ module.exports = {
         }
     },
     rootpath: {
-        src: ['test/browser/less/rootpath/*.less'],
+        src: [`${localTests}/less/rootpath/*.less`],
         options: {
             helpers: 'test/browser/runner-rootpath-options.js',
             specs: 'test/browser/runner-rootpath-spec.js',
@@ -97,7 +99,7 @@ module.exports = {
         }
     },
     rootpathRelative: {
-        src: ['test/browser/less/rootpath-relative/*.less'],
+        src: [`${localTests}/less/rootpath-relative/*.less`],
         options: {
             helpers: 'test/browser/runner-rootpath-relative-options.js',
             specs: 'test/browser/runner-rootpath-relative-spec.js',
@@ -105,7 +107,7 @@ module.exports = {
         }
     },
     rootpathRewriteUrls: {
-        src: ['test/browser/less/rootpath-rewrite-urls/*.less'],
+        src: [`${localTests}/less/rootpath-rewrite-urls/*.less`],
         options: {
             helpers:
             'test/browser/runner-rootpath-rewrite-urls-options.js',
@@ -115,7 +117,7 @@ module.exports = {
         }
     },
     production: {
-        src: ['test/browser/less/production/*.less'],
+        src: [`${localTests}/less/production/*.less`],
         options: {
             helpers: 'test/browser/runner-production-options.js',
             specs: 'test/browser/runner-production-spec.js',
@@ -123,7 +125,7 @@ module.exports = {
         }
     },
     modifyVars: {
-        src: ['test/browser/less/modify-vars/*.less'],
+        src: [`${localTests}/less/modify-vars/*.less`],
         options: {
             helpers: 'test/browser/runner-modify-vars-options.js',
             specs: 'test/browser/runner-modify-vars-spec.js',
@@ -131,7 +133,7 @@ module.exports = {
         }
     },
     globalVars: {
-        src: ['test/browser/less/global-vars/*.less'],
+        src: [`${localTests}/less/global-vars/*.less`],
         options: {
             helpers: 'test/browser/runner-global-vars-options.js',
             specs: 'test/browser/runner-global-vars-spec.js',
@@ -183,4 +185,4 @@ module.exports = {
             outfile: 'tmp/browser/test-runner-filemanager-plugin.html'
         }
     }
-}
+}

package/test/browser/generator/template.js

@@ -1,4 +1,11 @@
 const html = require('html-template-tag')
+const path = require('path')
+const { forceCovertToBrowserPath } = require('./utils')
+
+const webRoot = path.resolve(__dirname, '../../../../../');
+const mochaDir = forceCovertToBrowserPath(path.relative(webRoot, path.dirname(require.resolve('mocha'))))
+const chaiDir = forceCovertToBrowserPath(path.relative(webRoot, path.dirname(require.resolve('chai'))))
+const mochaTeamCityDir = forceCovertToBrowserPath(path.relative(webRoot, path.dirname(require.resolve('mocha-teamcity-reporter'))))
 
 /**
  * Generates HTML templates from list of test sheets
@@ -18,28 +25,30 @@ module.exports = (stylesheets, helpers, spec, less) => {
     <!-- for each test, generate CSS/LESS link tags -->
     $${stylesheets.map(function(fullLessName) {
         var pathParts = fullLessName.split('/');
-        var fullCssName = fullLessName.replace(/\/less\//g, '/css/').replace(/less$/, 'css')
+        var fullCssName = fullLessName
+            .replace(/\/(browser|test-data)\/less\//g, '/$1/css/')
+            .replace(/less$/, 'css')
         var lessName = pathParts[pathParts.length - 1];
         var name = lessName.split('.')[0];
         return `
     <!-- 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}">
+    <link id="original-less:test-less-${name}" title="test-less-${name}" rel="stylesheet/less" type="text/css" href="/${path.relative(webRoot, fullLessName)}">
+    <link id="expected-less:test-less-${name}" rel="stylesheet" type="text/css" href="/${path.relative(webRoot, fullCssName)}">
     ` }).join('')}
 
     $${helpers.map(helper => `
         <script src="../../${helper}"></script>
     `).join('')}
 
-    <link rel="stylesheet" href="../../node_modules/mocha/mocha.css">
+    <link rel="stylesheet" href="/${mochaDir}/mocha.css">
 </head>
 
 <body>
     <!-- content -->
     <div id="mocha"></div>
-    <script src="../../node_modules/mocha/mocha.js"></script>
-    <script src="../../node_modules/mocha-teamcity-reporter/lib/teamcityBrowser.js"></script>
-    <script src="../../node_modules/chai/chai.js"></script>
+    <script src="/${mochaDir}/mocha.js"></script>
+    <script src="/${mochaTeamCityDir}/teamcityBrowser.js"></script>
+    <script src="/${chaiDir}/chai.js"></script>
     <script>
         expect = chai.expect
         mocha.setup({
@@ -76,6 +85,7 @@ module.exports = (stylesheets, helpers, spec, less) => {
                 failedTests.push({name: test.title, result: false, message: err.message, stack: err.stack, titles: flattenTitles(test) });
             };
         };
+        
     </script>
 </body>
 </html>

package/test/browser/generator/utils.js

@@ -0,0 +1,14 @@
+/**
+ * utils for covert browser paths,
+ * fix https://github.com/less/less.js/pull/4213 
+ * 
+ * @param {string} path 
+ * @returns {string}
+ */
+function forceCovertToBrowserPath (path) {
+    return (path || '').replace(/\\/g, '/');
+}
+
+module.exports = {
+    forceCovertToBrowserPath
+}