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
|
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);
});
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});
var 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});
var 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);
});
});
});
|
