1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
|
/* global _ */
/* global Pixelated */
/* global jasmine */
describeComponent('tags/ui/tag_list', function () {
'use strict';
var tagsShortcutsContainer;
var tag = function (name, ident, def) {
def = def || false;
return {name: name, counts: {read: 0, total: 0, replied: 0, starred: 0}, ident: ident, default: def};
};
describe('post initialization', function () {
beforeEach(function () {
setupComponent();
tagsShortcutsContainer = $('<ul>', { id: 'tags-shortcuts' });
$('body').append(tagsShortcutsContainer);
});
jasmine.afterEach(function () {
$('body')[0].removeChild(tagsShortcutsContainer[0]);
});
it('should render tags when tagsList:load is received', function () {
this.component.attr.default = false;
var tagList = [tag('tag1', 1), tag('tag2', 2), tag('tag3', 3)];
$(document).trigger(Pixelated.events.ui.tagList.load, {tags: tagList});
var items = _.map(this.$node.find('li'), function (el) {
return $(el).attr('id');
});
expect(items).toEqual(['tag-1', 'tag-2', 'tag-3']);
});
it('should render the default tags when tagsList:load is received and default attribute is true', function () {
var tagList = [tag('tag1', 1, false), tag('tag2', 2, true), tag('tag3', 3, true)];
$(document).trigger(Pixelated.events.ui.tagList.load, {tags: tagList});
var items = _.map(this.component.select('defaultTagList').find('li'), function (el) {
return $(el).attr('id');
});
expect(items).toEqual(['tag-2', 'tag-3']);
});
it('should render the custom tags when tagsList:load is received and default attribute is false', function () {
var tagList = [tag('tag1', 1, false), tag('tag2', 2, true), tag('tag3', 3, true)];
$(document).trigger(Pixelated.events.ui.tagList.load, {tags: tagList});
var items = _.map(this.component.select('customTagList').find('li'), function (el) {
return $(el).attr('id');
});
expect(items).toEqual(['tag-1']);
});
it('should trigger event to tell that tags were loaded sending the current tag', function () {
this.component.attr.currentTag = 'Drafts';
var tagsLoadedEvent = spyOnEvent(document, Pixelated.events.ui.tags.loaded);
$(document).trigger(Pixelated.events.ui.tagList.load, {tags: [] });
expect(tagsLoadedEvent).toHaveBeenTriggeredOnAndWith(document, { tag: 'Drafts'});
});
it('should send tag as undefined when tags are loaded and no tag was selected yet', function () {
var tagsLoadedEvent = spyOnEvent(document, Pixelated.events.ui.tags.loaded);
$(document).trigger(Pixelated.events.ui.tagList.load, {tags: [] });
expect(tagsLoadedEvent).toHaveBeenTriggeredOnAndWith(document, { tag: undefined });
});
it('should save the current tag when a tag is selected', function () {
$(document).trigger(Pixelated.events.ui.tag.selected, { tag: 'amazing'});
expect(this.component.attr.currentTag).toEqual('amazing');
});
it('resets the tag lists when loading tags', function () {
var tagList = [tag('tag1', 1, false), tag('tag2', 2, true), tag('tag3', 3, true)];
$(document).trigger(Pixelated.events.ui.tagList.load, {tags: tagList});
tagList = [tag('tag1', 1, false), tag('tag2', 2, true)];
$(document).trigger(Pixelated.events.ui.tagList.load, {tags: tagList});
var customTags = _.map(this.component.select('customTagList').find('li'), function (el) {
return $(el).attr('id');
});
var defaultTags = _.map(this.component.select('defaultTagList').find('li'), function (el) {
return $(el).attr('id');
});
expect(customTags).toEqual(['tag-1']);
expect(defaultTags).toEqual(['tag-2']);
});
it('resets the tag shortcuts when loading tags', function () {
var tagList = [tag('inbox', 1, true)];
$(document).trigger(Pixelated.events.ui.tagList.load, {tags: tagList});
tagList = [tag('sent', 1, true)];
$(document).trigger(Pixelated.events.ui.tagList.load, {tags: tagList});
var shortcuts = _.map($('#tags-shortcuts').find('li'), function (el) {
return $(el).text().trim();
});
expect(shortcuts).toEqual(['sent']);
});
it('sends teardown events when loading new tags', function () {
var tagsTeardownCustom = spyOnEvent(this.component.select('customTagList'), Pixelated.events.tags.teardown);
var tagsTeardownDefault = spyOnEvent(this.component.select('defaultTagList'), Pixelated.events.tags.teardown);
var tagsShortcutsTeardown = spyOnEvent(document, Pixelated.events.tags.shortcuts.teardown);
$(document).trigger(Pixelated.events.ui.tagList.load, {tags: []});
expect(tagsTeardownCustom).toHaveBeenTriggeredOn(this.component.select('customTagList'));
expect(tagsTeardownDefault).toHaveBeenTriggeredOn(this.component.select('defaultTagList'));
expect(tagsShortcutsTeardown).toHaveBeenTriggeredOn(document);
});
});
});
|
