made test helpers more cross browser compatible
parent
ba4ebbba3b
commit
7aee98bce8
|
@ -1,80 +1,99 @@
|
|||
var testHelper = {};
|
||||
|
||||
(function(){
|
||||
var $iframeContainer = $("#iframe-container"), $iframe;
|
||||
var $iframeContainer, $iframe;
|
||||
|
||||
testHelper.randomString = function randomString(len)
|
||||
{
|
||||
var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
|
||||
var randomstring = '';
|
||||
for (var i = 0; i < len; i++)
|
||||
{
|
||||
var rnum = Math.floor(Math.random() * chars.length);
|
||||
randomstring += chars.substring(rnum, rnum + 1);
|
||||
}
|
||||
return randomstring;
|
||||
}
|
||||
testHelper.init = function(){
|
||||
$iframeContainer = $("#iframe-container");
|
||||
}
|
||||
|
||||
testHelper.newPad = function(cb){
|
||||
var padName = "FRONTEND_TEST_" + testHelper.randomString(20);
|
||||
$iframe = $("<iframe src='/p/" + padName + "'></iframe>")
|
||||
testHelper.randomString = function randomString(len)
|
||||
{
|
||||
var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
|
||||
var randomstring = '';
|
||||
for (var i = 0; i < len; i++)
|
||||
{
|
||||
var rnum = Math.floor(Math.random() * chars.length);
|
||||
randomstring += chars.substring(rnum, rnum + 1);
|
||||
}
|
||||
return randomstring;
|
||||
}
|
||||
|
||||
$iframeContainer.empty().append($iframe);
|
||||
testHelper.newPad = function(cb){
|
||||
var padName = "FRONTEND_TEST_" + testHelper.randomString(20);
|
||||
$iframe = $("<iframe src='/p/" + padName + "'></iframe>");
|
||||
|
||||
$iframeContainer.empty().append($iframe);
|
||||
|
||||
var checkInterval;
|
||||
$iframe.load(function(){
|
||||
checkInterval = setInterval(function(){
|
||||
var loaded = false;
|
||||
checkInterval = setInterval(function(){
|
||||
var loaded = false;
|
||||
|
||||
try {
|
||||
//check if loading div is hidden
|
||||
loaded = !testHelper.$getPadChrome().find("#editorloadingbox").is(":visible");
|
||||
} catch(e){}
|
||||
try {
|
||||
//check if loading div is hidden
|
||||
loaded = !testHelper.$getPadChrome().find("#editorloadingbox").is(":visible");
|
||||
} catch(e){}
|
||||
|
||||
if(loaded){
|
||||
clearTimeout(timeout);
|
||||
clearInterval(checkInterval);
|
||||
if(loaded){
|
||||
clearTimeout(timeout);
|
||||
clearInterval(checkInterval);
|
||||
|
||||
cb(null, {name: padName});
|
||||
}
|
||||
}, 100);
|
||||
});
|
||||
cb(null, {name: padName});
|
||||
}
|
||||
}, 100);
|
||||
});
|
||||
|
||||
var timeout = setTimeout(function(){
|
||||
if(checkInterval) clearInterval(checkInterval);
|
||||
if(checkInterval) clearInterval(checkInterval);
|
||||
cb(new Error("Pad didn't load in 10 seconds"));
|
||||
}, 10000);
|
||||
|
||||
return padName;
|
||||
}
|
||||
return padName;
|
||||
}
|
||||
|
||||
testHelper.$getPadChrome = function(){
|
||||
return $iframe.contents()
|
||||
}
|
||||
testHelper.$getPadChrome = function(){
|
||||
var win = $iframe[0].contentWindow;
|
||||
var $content = $iframe.contents();
|
||||
$content.window = win;
|
||||
|
||||
testHelper.$getPadOuter = function(){
|
||||
return testHelper.$getPadChrome().find('iframe.[name="ace_outer"]').contents();
|
||||
}
|
||||
return $content;
|
||||
}
|
||||
|
||||
testHelper.$getPadInner = function(){
|
||||
return testHelper.$getPadOuter().find('iframe.[name="ace_inner"]').contents();
|
||||
}
|
||||
testHelper.$getPadOuter = function(){
|
||||
var $iframe = testHelper.$getPadChrome().find('iframe.[name="ace_outer"]');
|
||||
var win = $iframe[0].contentWindow;
|
||||
var $content = $iframe.contents();
|
||||
$content.window = win;
|
||||
|
||||
return $content;
|
||||
}
|
||||
|
||||
testHelper.$getPadInner = function(){
|
||||
var $iframe = testHelper.$getPadOuter().find('iframe.[name="ace_inner"]');
|
||||
var win = $iframe[0].contentWindow;
|
||||
var $content = $iframe.contents();
|
||||
$content.window = win;
|
||||
|
||||
return $content;
|
||||
}
|
||||
|
||||
// copied from http://stackoverflow.com/questions/985272/jquery-selecting-text-in-an-element-akin-to-highlighting-with-your-mouse
|
||||
testHelper.selectText = function(element){
|
||||
var doc = document, range, selection;
|
||||
// selects the whole dom element you give it
|
||||
testHelper.selectText = function(element, $iframe){
|
||||
var doc = $iframe[0], win = $iframe.window, range, selection;
|
||||
|
||||
if (doc.body.createTextRange) { //ms
|
||||
range = doc.body.createTextRange();
|
||||
range.moveToElementText(element);
|
||||
range.select();
|
||||
} else if (window.getSelection) { //all others
|
||||
selection = window.getSelection();
|
||||
} else if (win.getSelection) { //all others
|
||||
selection = win.getSelection();
|
||||
range = doc.createRange();
|
||||
range.selectNodeContents(element);
|
||||
selection.removeAllRanges();
|
||||
selection.addRange(range);
|
||||
}
|
||||
}
|
||||
}
|
||||
})()
|
||||
|
||||
|
|
|
@ -4856,8 +4856,8 @@ process.on = function(e, fn){
|
|||
var options = mocha.options;
|
||||
mocha.globals('location');
|
||||
|
||||
var query = Mocha.utils.parseQuery(window.location.search || '');
|
||||
if (query.grep) mocha.grep(query.grep);
|
||||
//var query = Mocha.utils.parseQuery(window.location.search || '');
|
||||
//if (query.grep) mocha.grep(query.grep);
|
||||
|
||||
return Mocha.prototype.run.call(mocha, function(){
|
||||
Mocha.utils.highlightTags('code');
|
||||
|
|
|
@ -1,7 +1,11 @@
|
|||
(function(){
|
||||
//allow iframe access
|
||||
document.domain = document.domain;
|
||||
$(function(){
|
||||
//allow cross iframe access
|
||||
document.domain = document.domain;
|
||||
|
||||
//start test framework
|
||||
mocha.run();
|
||||
})()
|
||||
//initalize the test helper
|
||||
testHelper.init();
|
||||
|
||||
//configure and start the test framework
|
||||
mocha.ignoreLeaks();
|
||||
mocha.run();
|
||||
});
|
|
@ -5,14 +5,14 @@ describe("bold button", function(){
|
|||
});
|
||||
|
||||
it("makes text bold", function() {
|
||||
//get the inner iframe
|
||||
//get the inner iframe
|
||||
var $inner = testHelper.$getPadInner();
|
||||
|
||||
//get the first text element out of the inner iframe
|
||||
var firstTextElement = $inner.find("div").first();
|
||||
|
||||
//select this text element
|
||||
testHelper.selectText(firstTextElement[0]);
|
||||
testHelper.selectText(firstTextElement[0], $inner);
|
||||
|
||||
//get the bold button and click it
|
||||
var $boldButton = testHelper.$getPadChrome().find(".buttonicon-bold");
|
||||
|
|
Loading…
Reference in New Issue