mirror of
https://github.com/futurepress/epub.js.git
synced 2025-10-04 15:09:16 +02:00
Added several usage examples, fixed bugs, turned off restore by default
This commit is contained in:
Fred Chasen
parent
0e08b734ec
commit
416f7ab6a0
112 changed files with 23903 additions and 3348 deletions
246
libs/annotator/lib/spec/editor_spec.js
Normal file
246
libs/annotator/lib/spec/editor_spec.js
Normal file
|
|
@ -0,0 +1,246 @@
|
|||
// Generated by CoffeeScript 1.6.3
|
||||
describe('Annotator.Editor', function() {
|
||||
var editor;
|
||||
editor = null;
|
||||
beforeEach(function() {
|
||||
return editor = new Annotator.Editor();
|
||||
});
|
||||
afterEach(function() {
|
||||
return editor.element.remove();
|
||||
});
|
||||
it("should have an element property", function() {
|
||||
assert.ok(editor.element);
|
||||
return assert.isTrue(editor.element.hasClass('annotator-editor'));
|
||||
});
|
||||
describe("events", function() {
|
||||
it("should call Editor#submit() when the form is submitted", function() {
|
||||
sinon.spy(editor, 'submit');
|
||||
editor.element.find('form').submit(function(e) {
|
||||
return e.preventDefault();
|
||||
}).submit();
|
||||
return assert(editor.submit.calledOnce);
|
||||
});
|
||||
it("should call Editor#submit() when the save button is clicked", function() {
|
||||
sinon.spy(editor, 'submit');
|
||||
editor.element.find('.annotator-save').click();
|
||||
return assert(editor.submit.calledOnce);
|
||||
});
|
||||
it("should call Editor#hide() when the cancel button is clicked", function() {
|
||||
sinon.spy(editor, 'hide');
|
||||
editor.element.find('.annotator-cancel').click();
|
||||
return assert(editor.hide.calledOnce);
|
||||
});
|
||||
it("should call Editor#onCancelButtonMouseover() when mouse moves over cancel", function() {
|
||||
sinon.spy(editor, 'onCancelButtonMouseover');
|
||||
editor.element.find('.annotator-cancel').mouseover();
|
||||
return assert(editor.onCancelButtonMouseover.calledOnce);
|
||||
});
|
||||
return it("should call Editor#processKeypress() when a key is pressed in a textarea", function() {
|
||||
editor.element.find('ul').append('<li><textarea></textarea></li>');
|
||||
sinon.spy(editor, 'processKeypress');
|
||||
editor.element.find('textarea').keydown();
|
||||
return assert(editor.processKeypress.calledOnce);
|
||||
});
|
||||
});
|
||||
describe("show", function() {
|
||||
it("should make the editor visible", function() {
|
||||
editor.show();
|
||||
return assert.isFalse(editor.element.hasClass('annotator-hide'));
|
||||
});
|
||||
return it("should publish the 'show' event", function() {
|
||||
sinon.spy(editor, 'publish');
|
||||
editor.show();
|
||||
return assert.isTrue(editor.publish.calledWith('show'));
|
||||
});
|
||||
});
|
||||
describe("hide", function() {
|
||||
it("should hide the editor from view", function() {
|
||||
editor.hide();
|
||||
return assert.isTrue(editor.element.hasClass('annotator-hide'));
|
||||
});
|
||||
return it("should publish the 'show' event", function() {
|
||||
sinon.spy(editor, 'publish');
|
||||
editor.hide();
|
||||
return assert.isTrue(editor.publish.calledWith('hide'));
|
||||
});
|
||||
});
|
||||
describe("load", function() {
|
||||
beforeEach(function() {
|
||||
editor.annotation = {
|
||||
text: 'test'
|
||||
};
|
||||
return editor.fields = [
|
||||
{
|
||||
element: 'element0',
|
||||
load: sinon.spy()
|
||||
}, {
|
||||
element: 'element1',
|
||||
load: sinon.spy()
|
||||
}
|
||||
];
|
||||
});
|
||||
it("should call #show()", function() {
|
||||
sinon.spy(editor, 'show');
|
||||
editor.load();
|
||||
return assert(editor.show.calledOnce);
|
||||
});
|
||||
it("should set the current annotation", function() {
|
||||
editor.load({
|
||||
text: 'Hello there'
|
||||
});
|
||||
return assert.equal(editor.annotation.text, 'Hello there');
|
||||
});
|
||||
it("should call the load callback on each field in the group", function() {
|
||||
editor.load();
|
||||
assert(editor.fields[0].load.calledOnce);
|
||||
return assert(editor.fields[1].load.calledOnce);
|
||||
});
|
||||
it("should pass the field element and an annotation to the callback", function() {
|
||||
editor.load();
|
||||
return assert(editor.fields[0].load.calledWith(editor.fields[0].element, editor.annotation));
|
||||
});
|
||||
return it("should publish the 'load' event", function() {
|
||||
sinon.spy(editor, 'publish');
|
||||
editor.load();
|
||||
return assert.isTrue(editor.publish.calledWith('load', [editor.annotation]));
|
||||
});
|
||||
});
|
||||
describe("submit", function() {
|
||||
beforeEach(function() {
|
||||
editor.annotation = {
|
||||
text: 'test'
|
||||
};
|
||||
return editor.fields = [
|
||||
{
|
||||
element: 'element0',
|
||||
submit: sinon.spy()
|
||||
}, {
|
||||
element: 'element1',
|
||||
submit: sinon.spy()
|
||||
}
|
||||
];
|
||||
});
|
||||
it("should call #hide()", function() {
|
||||
sinon.spy(editor, 'hide');
|
||||
editor.submit();
|
||||
return assert(editor.hide.calledOnce);
|
||||
});
|
||||
it("should call the submit callback on each field in the group", function() {
|
||||
editor.submit();
|
||||
assert(editor.fields[0].submit.calledOnce);
|
||||
return assert(editor.fields[1].submit.calledOnce);
|
||||
});
|
||||
it("should pass the field element and an annotation to the callback", function() {
|
||||
editor.submit();
|
||||
return assert(editor.fields[0].submit.calledWith(editor.fields[0].element, editor.annotation));
|
||||
});
|
||||
return it("should publish the 'save' event", function() {
|
||||
sinon.spy(editor, 'publish');
|
||||
editor.submit();
|
||||
return assert.isTrue(editor.publish.calledWith('save', [editor.annotation]));
|
||||
});
|
||||
});
|
||||
describe("addField", function() {
|
||||
var content;
|
||||
content = null;
|
||||
beforeEach(function() {
|
||||
return content = editor.element.children();
|
||||
});
|
||||
afterEach(function() {
|
||||
editor.element.empty().append(content);
|
||||
return editor.fields = [];
|
||||
});
|
||||
it("should append a new field to the @fields property", function() {
|
||||
var length;
|
||||
length = editor.fields.length;
|
||||
editor.addField();
|
||||
assert.lengthOf(editor.fields, length + 1);
|
||||
editor.addField();
|
||||
return assert.lengthOf(editor.fields, length + 2);
|
||||
});
|
||||
it("should append a new list element to the editor", function() {
|
||||
var length;
|
||||
length = editor.element.find('li').length;
|
||||
editor.addField();
|
||||
assert.lengthOf(editor.element.find('li'), length + 1);
|
||||
editor.addField();
|
||||
return assert.lengthOf(editor.element.find('li'), length + 2);
|
||||
});
|
||||
it("should append an input element if no type is specified", function() {
|
||||
editor.addField();
|
||||
return assert.equal(editor.element.find('li:last :input').prop('type'), 'text');
|
||||
});
|
||||
it("should give each element a new id", function() {
|
||||
var firstID, secondID;
|
||||
editor.addField();
|
||||
firstID = editor.element.find('li:last :input').attr('id');
|
||||
editor.addField();
|
||||
secondID = editor.element.find('li:last :input').attr('id');
|
||||
return assert.notEqual(firstID, secondID);
|
||||
});
|
||||
it("should append a textarea element if 'textarea' type is specified", function() {
|
||||
editor.addField({
|
||||
type: 'textarea'
|
||||
});
|
||||
return assert.equal(editor.element.find('li:last :input').prop('type'), 'textarea');
|
||||
});
|
||||
it("should append a checkbox element if 'checkbox' type is specified", function() {
|
||||
editor.addField({
|
||||
type: 'checkbox'
|
||||
});
|
||||
return assert.equal(editor.element.find('li:last :input').prop('type'), 'checkbox');
|
||||
});
|
||||
it("should append a label element with a for attribute matching the checkbox id", function() {
|
||||
editor.addField({
|
||||
type: 'checkbox'
|
||||
});
|
||||
return assert.equal(editor.element.find('li:last :input').attr('id'), editor.element.find('li:last label').attr('for'));
|
||||
});
|
||||
it("should set placeholder text if a label is provided", function() {
|
||||
editor.addField({
|
||||
type: 'textarea',
|
||||
label: 'Tags…'
|
||||
});
|
||||
return assert.equal(editor.element.find('li:last :input').attr('placeholder'), 'Tags…');
|
||||
});
|
||||
return it("should return the created list item", function() {
|
||||
return assert.equal(editor.addField().tagName, 'LI');
|
||||
});
|
||||
});
|
||||
describe("processKeypress", function() {
|
||||
beforeEach(function() {
|
||||
sinon.spy(editor, 'hide');
|
||||
return sinon.spy(editor, 'submit');
|
||||
});
|
||||
it("should call Editor#hide() if the escape key is pressed", function() {
|
||||
editor.processKeypress({
|
||||
keyCode: 27
|
||||
});
|
||||
return assert(editor.hide.calledOnce);
|
||||
});
|
||||
it("should call Editor#submit() if the enter key is pressed", function() {
|
||||
editor.processKeypress({
|
||||
keyCode: 13
|
||||
});
|
||||
return assert(editor.submit.calledOnce);
|
||||
});
|
||||
return it("should NOT call Editor#submit() if the shift key is held down", function() {
|
||||
editor.processKeypress({
|
||||
keyCode: 13,
|
||||
shiftKey: true
|
||||
});
|
||||
return assert.isFalse(editor.submit.called);
|
||||
});
|
||||
});
|
||||
return describe("onCancelButtonMouseover", function() {
|
||||
return it("should remove the focus class from submit when cancel is hovered", function() {
|
||||
editor.element.find('.annotator-save').addClass('annotator-focus');
|
||||
editor.onCancelButtonMouseover();
|
||||
return assert.lengthOf(editor.element.find('.annotator-focus'), 0);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
//@ sourceMappingURL=editor_spec.map
|
||||
*/
|
||||
Loading…
Add table
Add a link
Reference in a new issue