123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230 |
- var logMessages = [];
- window.less = window.less || {};
- var logLevel_debug = 4,
- logLevel_info = 3,
- logLevel_warn = 2,
- logLevel_error = 1;
- // The amount of logging in the javascript console.
- // 3 - Debug, information and errors
- // 2 - Information and errors
- // 1 - Errors
- // 0 - None
- // Defaults to 2
- less.loggers = [
- {
- debug: function(msg) {
- if (less.options.logLevel >= logLevel_debug) {
- logMessages.push(msg);
- }
- },
- info: function(msg) {
- if (less.options.logLevel >= logLevel_info) {
- logMessages.push(msg);
- }
- },
- warn: function(msg) {
- if (less.options.logLevel >= logLevel_warn) {
- logMessages.push(msg);
- }
- },
- error: function(msg) {
- if (less.options.logLevel >= logLevel_error) {
- logMessages.push(msg);
- }
- }
- }
- ];
- testLessEqualsInDocument = function () {
- testLessInDocument(testSheet);
- };
- testLessErrorsInDocument = function (isConsole) {
- testLessInDocument(isConsole ? testErrorSheetConsole : testErrorSheet);
- };
- testLessInDocument = function (testFunc) {
- var links = document.getElementsByTagName('link'),
- typePattern = /^text\/(x-)?less$/;
- for (var i = 0; i < links.length; i++) {
- if (links[i].rel === 'stylesheet/less' || (links[i].rel.match(/stylesheet/) &&
- (links[i].type.match(typePattern)))) {
- testFunc(links[i]);
- }
- }
- };
- ieFormat = function(text) {
- var styleNode = document.createElement('style');
- styleNode.setAttribute('type', 'text/css');
- var headNode = document.getElementsByTagName('head')[0];
- headNode.appendChild(styleNode);
- try {
- if (styleNode.styleSheet) {
- styleNode.styleSheet.cssText = text;
- } else {
- styleNode.innerText = text;
- }
- } catch (e) {
- throw new Error('Couldn\'t reassign styleSheet.cssText.');
- }
- var transformedText = styleNode.styleSheet ? styleNode.styleSheet.cssText : styleNode.innerText;
- headNode.removeChild(styleNode);
- return transformedText;
- };
- testSheet = function (sheet) {
- it(sheet.id + ' should match the expected output', function (done) {
- var lessOutputId = sheet.id.replace('original-', ''),
- expectedOutputId = 'expected-' + lessOutputId,
- lessOutputObj,
- lessOutput,
- expectedOutputHref = document.getElementById(expectedOutputId).href,
- expectedOutput = loadFile(expectedOutputHref);
- // Browser spec generates less on the fly, so we need to loose control
- less.pageLoadFinished
- .then(function () {
- lessOutputObj = document.getElementById(lessOutputId);
- lessOutput = lessOutputObj.styleSheet ? lessOutputObj.styleSheet.cssText :
- (lessOutputObj.innerText || lessOutputObj.innerHTML);
- expectedOutput
- .then(function (text) {
- if (window.navigator.userAgent.indexOf('MSIE') >= 0 ||
- window.navigator.userAgent.indexOf('Trident/') >= 0) {
- text = ieFormat(text);
- }
- expect(lessOutput).to.equal(text);
- done();
- })
- .catch(function(err) {
- done(err);
- });
- })
- .catch(function(err) {
- done(err);
- });
- });
- };
- // TODO: do it cleaner - the same way as in css
- function extractId(href) {
- return href.replace(/^[a-z-]+:\/+?[^\/]+/i, '') // Remove protocol & domain
- .replace(/^\//, '') // Remove root /
- .replace(/\.[a-zA-Z]+$/, '') // Remove simple extension
- .replace(/[^\.\w-]+/g, '-') // Replace illegal characters
- .replace(/\./g, ':'); // Replace dots with colons(for valid id)
- }
- waitFor = function (waitFunc) {
- return new Promise(function (resolve) {
- var timeoutId = setInterval(function () {
- if (waitFunc()) {
- clearInterval(timeoutId);
- resolve();
- }
- }, 5);
- });
- };
- testErrorSheet = function (sheet) {
- it(sheet.id + ' should match an error', function (done) {
- var lessHref = sheet.href,
- id = 'less-error-message:' + extractId(lessHref),
- errorHref = lessHref.replace(/.less$/, '.txt'),
- errorFile = loadFile(errorHref),
- actualErrorElement,
- actualErrorMsg;
- // Less.js sets 10ms timer in order to add error message on top of page.
- waitFor(function () {
- actualErrorElement = document.getElementById(id);
- return actualErrorElement !== null;
- }).then(function () {
- var innerText = (actualErrorElement.innerHTML
- .replace(/<h3>|<\/?p>|<a href="[^"]*">|<\/a>|<ul>|<\/?pre( class="?[^">]*"?)?>|<\/li>|<\/?label>/ig, '')
- .replace(/<\/h3>/ig, ' ')
- .replace(/<li>|<\/ul>|<br>/ig, '\n'))
- .replace(/&/ig, '&')
- // for IE8
- .replace(/\r\n/g, '\n')
- .replace(/\. \nin/, '. in');
- actualErrorMsg = innerText
- .replace(/\n\d+/g, function (lineNo) {
- return lineNo + ' ';
- })
- .replace(/\n\s*in /g, ' in ')
- .replace(/\n{2,}/g, '\n')
- .replace(/\nStack Trace\n[\s\S]*/i, '')
- .replace(/\n$/, '')
- .trim();
- errorFile
- .then(function (errorTxt) {
- errorTxt = errorTxt
- .replace(/\{path\}/g, '')
- .replace(/\{pathrel\}/g, '')
- .replace(/\{pathhref\}/g, 'http://localhost:8081/test/less/errors/')
- .replace(/\{404status\}/g, ' (404)')
- .replace(/\{node\}[\s\S]*\{\/node\}/g, '')
- .replace(/\n$/, '')
- .trim();
- expect(actualErrorMsg).to.equal(errorTxt);
- if (errorTxt == actualErrorMsg) {
- actualErrorElement.style.display = 'none';
- }
- done();
- })
- .catch(function (err) {
- done(err);
- });
- });
- });
- };
- testErrorSheetConsole = function (sheet) {
- it(sheet.id + ' should match an error', function (done) {
- var lessHref = sheet.href,
- id = sheet.id.replace(/^original-less:/, 'less-error-message:'),
- errorHref = lessHref.replace(/.less$/, '.txt'),
- errorFile = loadFile(errorHref),
- actualErrorElement = document.getElementById(id),
- actualErrorMsg = logMessages[logMessages.length - 1]
- .replace(/\nStack Trace\n[\s\S]*/, '');
- describe('the error', function () {
- expect(actualErrorElement).to.be.null;
- });
- errorFile
- .then(function (errorTxt) {
- errorTxt
- .replace(/\{path\}/g, '')
- .replace(/\{pathrel\}/g, '')
- .replace(/\{pathhref\}/g, 'http://localhost:8081/browser/less/')
- .replace(/\{404status\}/g, ' (404)')
- .replace(/\{node\}.*\{\/node\}/g, '')
- .trim();
- expect(actualErrorMsg).to.equal(errorTxt);
- done();
- });
- });
- };
- loadFile = function (href) {
- return new Promise(function (resolve, reject) {
- var request = new XMLHttpRequest();
- request.open('GET', href, true);
- request.onreadystatechange = function () {
- if (request.readyState == 4) {
- resolve(request.responseText.replace(/\r/g, ''));
- }
- };
- request.send(null);
- });
- };
|