generated from CMU-17313Q/NodeBB-f23
-
Notifications
You must be signed in to change notification settings - Fork 2
/
template-helpers.js
244 lines (211 loc) · 10.1 KB
/
template-helpers.js
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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
'use strict'
const nconf = require('nconf')
const assert = require('assert')
const helpers = require('../src/helpers')
describe('helpers', () => {
it('should return false if item doesn\'t exist', (done) => {
const flag = helpers.displayMenuItem({ navigation: [] }, 0)
assert(!flag)
done()
})
it('should return false if route is /users and user does not have view:users privilege', (done) => {
const flag = helpers.displayMenuItem({
navigation: [{ route: '/users' }],
user: {
privileges: {
'view:users': false
}
}
}, 0)
assert(!flag)
done()
})
it('should return false if route is /tags and user does not have view:tags privilege', (done) => {
const flag = helpers.displayMenuItem({
navigation: [{ route: '/tags' }],
user: {
privileges: {
'view:tags': false
}
}
}, 0)
assert(!flag)
done()
})
it('should return false if route is /groups and user does not have view:groups privilege', (done) => {
const flag = helpers.displayMenuItem({
navigation: [{ route: '/groups' }],
user: {
privileges: {
'view:groups': false
}
}
}, 0)
assert(!flag)
done()
})
it('should stringify object', (done) => {
const str = helpers.stringify({ a: 'herp < derp > and & quote "' })
assert.equal(str, '{"a":"herp < derp > and & quote \\""}')
done()
})
it('should escape html', (done) => {
const str = helpers.escape('gdkfhgk < some > and &')
assert.equal(str, 'gdkfhgk < some > and &')
done()
})
it('should return empty string if category is falsy', (done) => {
assert.equal(helpers.generateCategoryBackground(null), '')
done()
})
it('should generate category background', (done) => {
const category = {
bgColor: '#ff0000',
color: '#00ff00',
backgroundImage: '/assets/uploads/image.png',
imageClass: 'auto'
}
const bg = helpers.generateCategoryBackground(category)
assert.equal(bg, 'background-color: #ff0000; color: #00ff00; background-image: url(/assets/uploads/image.png); background-size: auto;')
done()
})
it('should return empty string if category has no children', (done) => {
const category = {
children: []
}
const bg = helpers.generateChildrenCategories(category)
assert.equal(bg, '')
done()
})
it('should generate html for children', (done) => {
const category = {
children: [
{
link: '',
bgColor: '#ff0000',
color: '#00ff00',
name: 'children'
}
]
}
const html = helpers.generateChildrenCategories(category)
assert.equal(html, `<span class="category-children"><span class="category-children-item pull-left"><div role="presentation" class="icon pull-left" style="background-color: #ff0000; color: #00ff00;"><i class="fa fa-fw undefined"></i></div><a href="${nconf.get('relative_path')}/category/undefined"><small>children</small></a></span></span>`)
done()
})
it('should generate topic class', (done) => {
const className = helpers.generateTopicClass({ locked: true, pinned: true, deleted: true, unread: true })
assert.equal(className, 'locked pinned deleted unread')
done()
})
it('should show leave button if isMember and group is not administrators', (done) => {
const btn = helpers.membershipBtn({ displayName: 'some group', name: 'some group', isMember: true })
assert.equal(btn, '<button class="btn btn-danger" data-action="leave" data-group="some group"><i class="fa fa-times"></i> [[groups:membership.leave-group]]</button>')
done()
})
it('should show pending button if isPending and group is not administrators', (done) => {
const btn = helpers.membershipBtn({ displayName: 'some group', name: 'some group', isPending: true })
assert.equal(btn, '<button class="btn btn-warning disabled"><i class="fa fa-clock-o"></i> [[groups:membership.invitation-pending]]</button>')
done()
})
it('should show reject invite button if isInvited', (done) => {
const btn = helpers.membershipBtn({ displayName: 'some group', name: 'some group', isInvited: true })
assert.equal(btn, '<button class="btn btn-link" data-action="rejectInvite" data-group="some group">[[groups:membership.reject]]</button><button class="btn btn-success" data-action="acceptInvite" data-group="some group"><i class="fa fa-plus"></i> [[groups:membership.accept-invitation]]</button>')
done()
})
it('should show join button if join requests are not disabled and group is not administrators', (done) => {
const btn = helpers.membershipBtn({ displayName: 'some group', name: 'some group', disableJoinRequests: false })
assert.equal(btn, '<button class="btn btn-success" data-action="join" data-group="some group"><i class="fa fa-plus"></i> [[groups:membership.join-group]]</button>')
done()
})
it('should show nothing if group is administrators ', (done) => {
const btn = helpers.membershipBtn({ displayName: 'administrators', name: 'administrators' })
assert.equal(btn, '')
done()
})
it('should spawn privilege states', (done) => {
const privs = {
find: true,
read: true
}
const html = helpers.spawnPrivilegeStates('guests', privs)
assert.equal(html, '<td class="text-center" data-privilege="find" data-value="true"><input autocomplete="off" type="checkbox" checked /></td><td class="text-center" data-privilege="read" data-value="true"><input autocomplete="off" type="checkbox" checked /></td>')
done()
})
it('should render thumb as topic image', (done) => {
const topicObj = { thumb: '/uploads/1.png', user: { username: 'baris' } }
const html = helpers.renderTopicImage(topicObj)
assert.equal(html, `<img src="${topicObj.thumb}" class="img-circle user-img" title="${topicObj.user.username}" />`)
done()
})
it('should render user picture as topic image', (done) => {
const topicObj = { thumb: '', user: { uid: 1, username: 'baris', picture: '/uploads/2.png' } }
const html = helpers.renderTopicImage(topicObj)
assert.equal(html, `<img component="user/picture" data-uid="${topicObj.user.uid}" src="${topicObj.user.picture}" class="user-img" title="${topicObj.user.username}" />`)
done()
})
it('should render anon avatar', (done) => {
const anonUser = { user: { username: 'Anonymous' }, anon: true }
const html = helpers.buildAvatar(anonUser)
assert.equal(html, '<span class="avatar avatar-sm" alt="undefined" title="undefined" data-uid="undefined" loading="lazy" component="avatar/icon" style="background-color: #606060;"><i class="fa fa-user"></i></span>')
done()
})
it('should render digest avatar', (done) => {
const block = { teaser: { user: { username: 'baris', picture: '/uploads/1.png' } } }
const html = helpers.renderDigestAvatar(block)
assert.equal(html, `<img style="vertical-align: middle; width: 32px; height: 32px; border-radius: 50%;" src="${block.teaser.user.picture}" title="${block.teaser.user.username}" />`)
done()
})
it('should render digest avatar', (done) => {
const block = { teaser: { user: { username: 'baris', 'icon:text': 'B', 'icon:bgColor': '#ff000' } } }
const html = helpers.renderDigestAvatar(block)
assert.equal(html, `<div style="vertical-align: middle; width: 32px; height: 32px; line-height: 32px; font-size: 16px; background-color: ${block.teaser.user['icon:bgColor']}; color: white; text-align: center; display: inline-block; border-radius: 50%;">${block.teaser.user['icon:text']}</div>`)
done()
})
it('should render digest avatar', (done) => {
const block = { user: { username: 'baris', picture: '/uploads/1.png' } }
const html = helpers.renderDigestAvatar(block)
assert.equal(html, `<img style="vertical-align: middle; width: 32px; height: 32px; border-radius: 50%;" src="${block.user.picture}" title="${block.user.username}" />`)
done()
})
it('should render digest avatar', (done) => {
const block = { user: { username: 'baris', 'icon:text': 'B', 'icon:bgColor': '#ff000' } }
const html = helpers.renderDigestAvatar(block)
assert.equal(html, `<div style="vertical-align: middle; width: 32px; height: 32px; line-height: 32px; font-size: 16px; background-color: ${block.user['icon:bgColor']}; color: white; text-align: center; display: inline-block; border-radius: 50%;">${block.user['icon:text']}</div>`)
done()
})
it('shoud render user agent/browser icons', (done) => {
const html = helpers.userAgentIcons({ platform: 'Linux', browser: 'Chrome' })
assert.equal(html, '<i class="fa fa-fw fa-linux"></i><i class="fa fa-fw fa-chrome"></i>')
done()
})
it('shoud render user agent/browser icons', (done) => {
const html = helpers.userAgentIcons({ platform: 'Microsoft Windows', browser: 'Firefox' })
assert.equal(html, '<i class="fa fa-fw fa-windows"></i><i class="fa fa-fw fa-firefox"></i>')
done()
})
it('shoud render user agent/browser icons', (done) => {
const html = helpers.userAgentIcons({ platform: 'Apple Mac', browser: 'Safari' })
assert.equal(html, '<i class="fa fa-fw fa-apple"></i><i class="fa fa-fw fa-safari"></i>')
done()
})
it('shoud render user agent/browser icons', (done) => {
const html = helpers.userAgentIcons({ platform: 'Android', browser: 'IE' })
assert.equal(html, '<i class="fa fa-fw fa-android"></i><i class="fa fa-fw fa-internet-explorer"></i>')
done()
})
it('shoud render user agent/browser icons', (done) => {
const html = helpers.userAgentIcons({ platform: 'iPad', browser: 'Edge' })
assert.equal(html, '<i class="fa fa-fw fa-tablet"></i><i class="fa fa-fw fa-edge"></i>')
done()
})
it('shoud render user agent/browser icons', (done) => {
const html = helpers.userAgentIcons({ platform: 'iPhone', browser: 'unknow' })
assert.equal(html, '<i class="fa fa-fw fa-mobile"></i><i class="fa fa-fw fa-question-circle"></i>')
done()
})
it('shoud render user agent/browser icons', (done) => {
const html = helpers.userAgentIcons({ platform: 'unknow', browser: 'unknown' })
assert.equal(html, '<i class="fa fa-fw fa-question-circle"></i><i class="fa fa-fw fa-question-circle"></i>')
done()
})
})