etherpad-lite/tests/frontend/specs/bold.js

72 lines
2 KiB
JavaScript
Raw Normal View History

describe("bold button", function(){
//create a new pad before each test run
beforeEach(function(cb){
2012-10-06 21:29:37 +02:00
helper.newPad(cb);
2012-11-02 00:19:59 +01:00
this.timeout(60000);
});
it("makes text bold on click", function(done) {
var inner$ = helper.padInner$;
var chrome$ = helper.padChrome$;
2012-10-06 21:29:37 +02:00
//get the first text element out of the inner iframe
2012-10-06 21:29:37 +02:00
var $firstTextElement = inner$("div").first();
//select this text element
2012-10-06 21:29:37 +02:00
$firstTextElement.sendkeys('{selectall}');
//get the bold button and click it
2012-10-06 21:29:37 +02:00
var $boldButton = chrome$(".buttonicon-bold");
$boldButton.click();
2012-10-06 21:29:37 +02:00
//ace creates a new dom element when you press a button, so just get the first text element again
2012-10-06 21:29:37 +02:00
var $newFirstTextElement = inner$("div").first();
// is there a <b> element now?
2012-10-06 21:29:37 +02:00
var isBold = $newFirstTextElement.find("b").length === 1;
//expect it to be bold
expect(isBold).to.be(true);
//make sure the text hasn't changed
2012-10-06 21:29:37 +02:00
expect($newFirstTextElement.text()).to.eql($firstTextElement.text());
done();
});
it("makes text bold on keypress", function(done) {
var inner$ = helper.padInner$;
var chrome$ = helper.padChrome$;
//get the first text element out of the inner iframe
var $firstTextElement = inner$("div").first();
//select this text element
$firstTextElement.sendkeys('{selectall}');
2013-03-14 18:36:54 +01:00
if(inner$.browser.mozilla){ // if it's a mozilla browser
2013-03-14 18:22:58 +01:00
var evtType = "keypress";
2013-03-14 18:36:54 +01:00
}else{
var evtType = "keydown";
}
var e = inner$.Event(evtType);
e.ctrlKey = true; // Control key
2013-03-13 19:06:08 +01:00
e.which = 66; // b
inner$("#innerdocbody").trigger(e);
//ace creates a new dom element when you press a button, so just get the first text element again
var $newFirstTextElement = inner$("div").first();
// is there a <b> element now?
var isBold = $newFirstTextElement.find("b").length === 1;
//expect it to be bold
expect(isBold).to.be(true);
//make sure the text hasn't changed
expect($newFirstTextElement.text()).to.eql($firstTextElement.text());
done();
});
});