You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
231 lines
7.9 KiB
231 lines
7.9 KiB
4 weeks ago
|
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);
|
||
|
});
|
||
|
};
|