Skip to content

T
todomvc
Commit 8f009e26 authored by Arthur Verschaeve's avatar Arthur Verschaeve
Browse files
Options

Vanillajs: fix indentation in `ControllerSpec.js`

parent fc9fdea9
Hide whitespace changes
Inline Side-by-side
Showing with 289 additions and 287 deletions
examples/vanillajs/test/ControllerSpec.js
View file @ 8f009e26
/*global app, jasmine, describe, it, beforeEach, expect */
describe('controller', function () {
'use strict';
'use strict';
var subject, model, view;
var subject, model, view;
var setUpModel = function (todos) {
model.read.and.callFake(function (query, callback) {
callback = callback || query;
callback(todos);
});
var setUpModel = function (todos) {
model.read.and.callFake(function (query, callback) {
callback = callback || query;
callback(todos);
});
model.getCount.and.callFake(function (callback) {
model.getCount.and.callFake(function (callback) {
var todoCounts = {
active: todos.filter(function (todo) {
return !todo.completed;
}).length,
completed: todos.filter(function (todo) {
return !!todo.completed;
}).length,
total: todos.length
};
var todoCounts = {
active: todos.filter(function (todo) {
return !todo.completed;
}).length,
completed: todos.filter(function (todo) {
return !!todo.completed;
}).length,
total: todos.length
};
callback(todoCounts);
});
callback(todoCounts);
});
model.remove.and.callFake(function (id, callback) {
callback();
});
model.remove.and.callFake(function (id, callback) {
callback();
});
model.create.and.callFake(function (title, callback) {
callback();
});
model.create.and.callFake(function (title, callback) {
callback();
});
model.update.and.callFake(function (id, updateData, callback) {
callback();
});
};
model.update.and.callFake(function (id, updateData, callback) {
callback();
});
};
var createViewStub = function () {
var eventRegistry = {};
return {
render: jasmine.createSpy('render'),
bind: function (event, handler) {
eventRegistry[event] = handler;
},
trigger: function (event, parameter) {
eventRegistry[event](parameter);
}
};
};
var createViewStub = function () {
var eventRegistry = {};
return {
render: jasmine.createSpy('render'),
bind: function (event, handler) {
eventRegistry[event] = handler;
},
trigger: function (event, parameter) {
eventRegistry[event](parameter);
}
};
};
beforeEach(function () {
model = jasmine.createSpyObj('model', ['read', 'getCount', 'remove', 'create', 'update']);
view = createViewStub();
subject = new app.Controller(model, view);
});
beforeEach(function () {
model = jasmine.createSpyObj('model', ['read', 'getCount', 'remove', 'create', 'update']);
view = createViewStub();
subject = new app.Controller(model, view);
});
it('should show entries on start-up', function () {
setUpModel([]);
it('should show entries on start-up', function () {
setUpModel([]);
subject.setView('');
subject.setView('');
expect(view.render).toHaveBeenCalledWith('showEntries', []);
});
expect(view.render).toHaveBeenCalledWith('showEntries', []);
});
describe('routing', function () {
describe('routing', function () {
it('should show all entries without a route', function () {
var todo = {title: 'my todo'};
setUpModel([todo]);
it('should show all entries without a route', function () {
var todo = {title: 'my todo'};
setUpModel([todo]);
subject.setView('');
subject.setView('');
expect(view.render).toHaveBeenCalledWith('showEntries', [todo]);
});
expect(view.render).toHaveBeenCalledWith('showEntries', [todo]);
});
it('should show all entries without "all" route', function () {
var todo = {title: 'my todo'};
setUpModel([todo]);
it('should show all entries without "all" route', function () {
var todo = {title: 'my todo'};
setUpModel([todo]);
subject.setView('#/');
subject.setView('#/');
expect(view.render).toHaveBeenCalledWith('showEntries', [todo]);
});
expect(view.render).toHaveBeenCalledWith('showEntries', [todo]);
});
it('should show active entries', function () {
var todo = {title: 'my todo', completed: false};
setUpModel([todo]);
it('should show active entries', function () {
var todo = {title: 'my todo', completed: false};
setUpModel([todo]);
subject.setView('#/active');
subject.setView('#/active');
expect(model.read).toHaveBeenCalledWith({completed: false}, jasmine.any(Function));
expect(view.render).toHaveBeenCalledWith('showEntries', [todo]);
});
expect(model.read).toHaveBeenCalledWith({completed: false}, jasmine.any(Function));
expect(view.render).toHaveBeenCalledWith('showEntries', [todo]);
});
it('should show completed entries', function () {
var todo = {title: 'my todo', completed: true};
setUpModel([todo]);
it('should show completed entries', function () {
var todo = {title: 'my todo', completed: true};
setUpModel([todo]);
subject.setView('#/completed');
subject.setView('#/completed');
expect(model.read).toHaveBeenCalledWith({completed: true}, jasmine.any(Function));
expect(view.render).toHaveBeenCalledWith('showEntries', [todo]);
});
});
expect(model.read).toHaveBeenCalledWith({completed: true}, jasmine.any(Function));
expect(view.render).toHaveBeenCalledWith('showEntries', [todo]);
});
});
it('should show the content block when todos exists', function () {
setUpModel([{title: 'my todo', completed: true}]);
it('should show the content block when todos exists', function () {
setUpModel([{title: 'my todo', completed: true}]);
subject.setView('');
subject.setView('');
expect(view.render).toHaveBeenCalledWith('contentBlockVisibility', {
visible: true
});
});
expect(view.render).toHaveBeenCalledWith('contentBlockVisibility', {
visible: true
});
});
it('should hide the content block when no todos exists', function () {
setUpModel([]);
it('should hide the content block when no todos exists', function () {
setUpModel([]);
subject.setView('');
subject.setView('');
expect(view.render).toHaveBeenCalledWith('contentBlockVisibility', {
visible: false
});
});
expect(view.render).toHaveBeenCalledWith('contentBlockVisibility', {
visible: false
});
});
it('should check the toggle all button, if all todos are completed', function () {
setUpModel([{title: 'my todo', completed: true}]);
it('should check the toggle all button, if all todos are completed', function () {
setUpModel([{title: 'my todo', completed: true}]);
subject.setView('');
subject.setView('');
expect(view.render).toHaveBeenCalledWith('toggleAll', {
checked: true
});
});
expect(view.render).toHaveBeenCalledWith('toggleAll', {
checked: true
});
});
it('should set the "clear completed" button', function () {
var todo = {id: 42, title: 'my todo', completed: true};
setUpModel([todo]);
it('should set the "clear completed" button', function () {
var todo = {id: 42, title: 'my todo', completed: true};
setUpModel([todo]);
subject.setView('');
subject.setView('');
expect(view.render).toHaveBeenCalledWith('clearCompletedButton', {
completed: 1,
visible: true
});
});
expect(view.render).toHaveBeenCalledWith('clearCompletedButton', {
completed: 1,
visible: true
});
});
it('should highlight "All" filter by default', function () {
setUpModel([]);
it('should highlight "All" filter by default', function () {
setUpModel([]);
subject.setView('');
subject.setView('');
expect(view.render).toHaveBeenCalledWith('setFilter', '');
});
expect(view.render).toHaveBeenCalledWith('setFilter', '');
});
it('should highlight "Active" filter when switching to active view', function () {
setUpModel([]);
it('should highlight "Active" filter when switching to active view', function () {
setUpModel([]);
subject.setView('#/active');
subject.setView('#/active');
expect(view.render).toHaveBeenCalledWith('setFilter', 'active');
});
expect(view.render).toHaveBeenCalledWith('setFilter', 'active');
});
describe('toggle all', function () {
it('should toggle all todos to completed', function () {
var todos = [{
id: 42,
title: 'my todo',
completed: false
}, {
id: 21,
title: 'another todo',
completed: false
}];
setUpModel(todos);
subject.setView('');
describe('toggle all', function () {
it('should toggle all todos to completed', function () {
var todos = [{
id: 42,
title: 'my todo',
completed: false
}, {
id: 21,
title: 'another todo',
completed: false
}];
view.trigger('toggleAll', {completed: true});
setUpModel(todos);
subject.setView('');
expect(model.update).toHaveBeenCalledWith(42, {completed: true}, jasmine.any(Function));
expect(model.update).toHaveBeenCalledWith(21, {completed: true}, jasmine.any(Function));
});
view.trigger('toggleAll', {completed: true});
it('should update the view', function () {
var todos = [{
id: 42,
title: 'my todo',
completed: true
}];
setUpModel(todos);
subject.setView('');
expect(model.update).toHaveBeenCalledWith(42, {completed: true}, jasmine.any(Function));
expect(model.update).toHaveBeenCalledWith(21, {completed: true}, jasmine.any(Function));
});
view.trigger('toggleAll', {completed: false});
it('should update the view', function () {
var todos = [{
id: 42,
title: 'my todo',
completed: true
}];
expect(view.render).toHaveBeenCalledWith('elementComplete', {id : 42, completed : false});
});
});
setUpModel(todos);
subject.setView('');
describe('new todo', function () {
it('should add a new todo to the model', function () {
setUpModel([]);
view.trigger('toggleAll', {completed: false});
subject.setView('');
expect(view.render).toHaveBeenCalledWith('elementComplete', {id : 42, completed : false});
});
});
view.trigger('newTodo', 'a new todo');
describe('new todo', function () {
it('should add a new todo to the model', function () {
setUpModel([]);
expect(model.create).toHaveBeenCalledWith('a new todo', jasmine.any(Function));
});
subject.setView('');
it('should add a new todo to the view', function () {
setUpModel([]);
view.trigger('newTodo', 'a new todo');
subject.setView('');
expect(model.create).toHaveBeenCalledWith('a new todo', jasmine.any(Function));
});
view.render.calls.reset();
model.read.calls.reset();
model.read.and.callFake(function (callback) {
callback([{
title: 'a new todo',
completed: false
}]);
});
it('should add a new todo to the view', function () {
setUpModel([]);
view.trigger('newTodo', 'a new todo');
subject.setView('');
expect(model.read).toHaveBeenCalled();
view.render.calls.reset();
model.read.calls.reset();
model.read.and.callFake(function (callback) {
callback([{
title: 'a new todo',
completed: false
}]);
});
expect(view.render).toHaveBeenCalledWith('showEntries', [{
title: 'a new todo',
completed: false
}]);
});
view.trigger('newTodo', 'a new todo');
it('should clear the input field when a new todo is added', function () {
setUpModel([]);
expect(model.read).toHaveBeenCalled();
subject.setView('');
expect(view.render).toHaveBeenCalledWith('showEntries', [{
title: 'a new todo',
completed: false
}]);
});
view.trigger('newTodo', 'a new todo');
it('should clear the input field when a new todo is added', function () {
setUpModel([]);
expect(view.render).toHaveBeenCalledWith('clearNewTodo');
});
});
subject.setView('');
describe('element removal', function () {
it('should remove an entry from the model', function () {
var todo = {id: 42, title: 'my todo', completed: true};
setUpModel([todo]);
view.trigger('newTodo', 'a new todo');
subject.setView('');
view.trigger('itemRemove', {id: 42});
expect(view.render).toHaveBeenCalledWith('clearNewTodo');
});
});
expect(model.remove).toHaveBeenCalledWith(42, jasmine.any(Function));
});
describe('element removal', function () {
it('should remove an entry from the model', function () {
var todo = {id: 42, title: 'my todo', completed: true};
setUpModel([todo]);
it('should remove an entry from the view', function () {
var todo = {id: 42, title: 'my todo', completed: true};
setUpModel([todo]);
subject.setView('');
view.trigger('itemRemove', {id: 42});
subject.setView('');
view.trigger('itemRemove', {id: 42});
expect(model.remove).toHaveBeenCalledWith(42, jasmine.any(Function));
});
expect(view.render).toHaveBeenCalledWith('removeItem', 42);
});
it('should remove an entry from the view', function () {
var todo = {id: 42, title: 'my todo', completed: true};
setUpModel([todo]);
it('should update the element count', function () {
var todo = {id: 42, title: 'my todo', completed: true};
setUpModel([todo]);
subject.setView('');
view.trigger('itemRemove', {id: 42});
subject.setView('');
view.trigger('itemRemove', {id: 42});
expect(view.render).toHaveBeenCalledWith('removeItem', 42);
});
expect(view.render).toHaveBeenCalledWith('updateElementCount', 0);
});
});
it('should update the element count', function () {
var todo = {id: 42, title: 'my todo', completed: true};
setUpModel([todo]);
describe('remove completed', function () {
it('should remove a completed entry from the model', function () {
var todo = {id: 42, title: 'my todo', completed: true};
setUpModel([todo]);
subject.setView('');
view.trigger('itemRemove', {id: 42});
subject.setView('');
view.trigger('removeCompleted');
expect(view.render).toHaveBeenCalledWith('updateElementCount', 0);
});
});
expect(model.read).toHaveBeenCalledWith({completed: true}, jasmine.any(Function));
expect(model.remove).toHaveBeenCalledWith(42, jasmine.any(Function));
});
describe('remove completed', function () {
it('should remove a completed entry from the model', function () {
var todo = {id: 42, title: 'my todo', completed: true};
setUpModel([todo]);
it('should remove a completed entry from the view', function () {
var todo = {id: 42, title: 'my todo', completed: true};
setUpModel([todo]);
subject.setView('');
view.trigger('removeCompleted');
subject.setView('');
view.trigger('removeCompleted');
expect(model.read).toHaveBeenCalledWith({completed: true}, jasmine.any(Function));
expect(model.remove).toHaveBeenCalledWith(42, jasmine.any(Function));
});
expect(view.render).toHaveBeenCalledWith('removeItem', 42);
});
});
it('should remove a completed entry from the view', function () {
var todo = {id: 42, title: 'my todo', completed: true};
setUpModel([todo]);
describe('element complete toggle', function () {
it('should update the model', function () {
var todo = {id: 21, title: 'my todo', completed: false};
setUpModel([todo]);
subject.setView('');
subject.setView('');
view.trigger('removeCompleted');
view.trigger('itemToggle', {id: 21, completed: true});
expect(view.render).toHaveBeenCalledWith('removeItem', 42);
});
});
expect(model.update).toHaveBeenCalledWith(21, {completed: true}, jasmine.any(Function));
});
describe('element complete toggle', function () {
it('should update the model', function () {
var todo = {id: 21, title: 'my todo', completed: false};
setUpModel([todo]);
subject.setView('');
it('should update the view', function () {
var todo = {id: 42, title: 'my todo', completed: true};
setUpModel([todo]);
subject.setView('');
view.trigger('itemToggle', {id: 21, completed: true});
view.trigger('itemToggle', {id: 42, completed: false});
expect(model.update).toHaveBeenCalledWith(21, {completed: true}, jasmine.any(Function));
});
expect(view.render).toHaveBeenCalledWith('elementComplete', {id: 42, completed: false});
});
});
it('should update the view', function () {
var todo = {id: 42, title: 'my todo', completed: true};
setUpModel([todo]);
subject.setView('');
describe('edit item', function () {
it('should switch to edit mode', function () {
var todo = {id: 21, title: 'my todo', completed: false};
setUpModel([todo]);
view.trigger('itemToggle', {id: 42, completed: false});
subject.setView('');
expect(view.render).toHaveBeenCalledWith('elementComplete', {id: 42, completed: false});
});
});
view.trigger('itemEdit', {id: 21});
describe('edit item', function () {
it('should switch to edit mode', function () {
var todo = {id: 21, title: 'my todo', completed: false};
setUpModel([todo]);
expect(view.render).toHaveBeenCalledWith('editItem', {id: 21, title: 'my todo'});
});
subject.setView('');
it('should leave edit mode on done', function () {
var todo = {id: 21, title: 'my todo', completed: false};
setUpModel([todo]);
view.trigger('itemEdit', {id: 21});
subject.setView('');
expect(view.render).toHaveBeenCalledWith('editItem', {id: 21, title: 'my todo'});
});
view.trigger('itemEditDone', {id: 21, title: 'new title'});
it('should leave edit mode on done', function () {
var todo = {id: 21, title: 'my todo', completed: false};
setUpModel([todo]);
expect(view.render).toHaveBeenCalledWith('editItemDone', {id: 21, title: 'new title'});
});
subject.setView('');
it('should persist the changes on done', function () {
var todo = {id: 21, title: 'my todo', completed: false};
setUpModel([todo]);
view.trigger('itemEditDone', {id: 21, title: 'new title'});
subject.setView('');
expect(view.render).toHaveBeenCalledWith('editItemDone', {id: 21, title: 'new title'});
});
view.trigger('itemEditDone', {id: 21, title: 'new title'});
it('should persist the changes on done', function () {
var todo = {id: 21, title: 'my todo', completed: false};
setUpModel([todo]);
expect(model.update).toHaveBeenCalledWith(21, {title: 'new title'}, jasmine.any(Function));
});
subject.setView('');
it('should remove the element from the model when persisting an empty title', function () {
var todo = {id: 21, title: 'my todo', completed: false};
setUpModel([todo]);
view.trigger('itemEditDone', {id: 21, title: 'new title'});
subject.setView('');
expect(model.update).toHaveBeenCalledWith(21, {title: 'new title'}, jasmine.any(Function));
});
view.trigger('itemEditDone', {id: 21, title: ''});
it('should remove the element from the model when persisting an empty title', function () {
var todo = {id: 21, title: 'my todo', completed: false};
setUpModel([todo]);
expect(model.remove).toHaveBeenCalledWith(21, jasmine.any(Function));
});
subject.setView('');
it('should remove the element from the view when persisting an empty title', function () {
var todo = {id: 21, title: 'my todo', completed: false};
setUpModel([todo]);
view.trigger('itemEditDone', {id: 21, title: ''});
subject.setView('');
expect(model.remove).toHaveBeenCalledWith(21, jasmine.any(Function));
});
view.trigger('itemEditDone', {id: 21, title: ''});
it('should remove the element from the view when persisting an empty title', function () {
var todo = {id: 21, title: 'my todo', completed: false};
setUpModel([todo]);
expect(view.render).toHaveBeenCalledWith('removeItem', 21);
});
subject.setView('');
it('should leave edit mode on cancel', function () {
var todo = {id: 21, title: 'my todo', completed: false};
setUpModel([todo]);
view.trigger('itemEditDone', {id: 21, title: ''});
subject.setView('');
expect(view.render).toHaveBeenCalledWith('removeItem', 21);
});
view.trigger('itemEditCancel', {id: 21});
it('should leave edit mode on cancel', function () {
var todo = {id: 21, title: 'my todo', completed: false};
setUpModel([todo]);
expect(view.render).toHaveBeenCalledWith('editItemDone', {id: 21, title: 'my todo'});
});
subject.setView('');
it('should not persist the changes on cancel', function () {
var todo = {id: 21, title: 'my todo', completed: false};
setUpModel([todo]);
view.trigger('itemEditCancel', {id: 21});
subject.setView('');
expect(view.render).toHaveBeenCalledWith('editItemDone', {id: 21, title: 'my todo'});
});
view.trigger('itemEditCancel', {id: 21});
it('should not persist the changes on cancel', function () {
var todo = {id: 21, title: 'my todo', completed: false};
setUpModel([todo]);
expect(model.update).not.toHaveBeenCalled();
});
});
subject.setView('');
view.trigger('itemEditCancel', {id: 21});
expect(model.update).not.toHaveBeenCalled();
});
});
});
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7