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
|
(function($) {
/*
======== A Handy Little QUnit Reference ========
http://api.qunitjs.com/
Test methods:
module(name, {[setup][ ,teardown]})
test(name, callback)
expect(numberOfAssertions)
stop(increment)
start(decrement)
Test assertions:
ok(value, [message])
equal(actual, expected, [message])
notEqual(actual, expected, [message])
deepEqual(actual, expected, [message])
notDeepEqual(actual, expected, [message])
strictEqual(actual, expected, [message])
notStrictEqual(actual, expected, [message])
throws(block, [expected], [message])
*/
module('jQuery#slugify', {
setup: function() {
}
});
test("chainable", function() {
ok($("body").slugify().addClass("testing"), "can be chained");
equal($("body").hasClass("testing"), true, "class was added correctly from chaining");
});
test('test the static slugify method', function() {
expect(3);
strictEqual($.slugify('Hello good Sir! '), 'hello-good-sir', 'Simple Slug');
strictEqual($.slugify('Ätschi Bätschi'), 'aetschi-baetschi', 'German Slug');
strictEqual($.slugify('äãàáâẽèéëêìíïîöõòóôüùúûñçß'), 'aeaaaaeeeeeiiiioeooooueuuuncss', 'Special Slug');
});
test('test the static slugify method with options', function() {
expect(2);
var options = {
'separator': '_'
};
strictEqual($.slugify('!Hello good Sir! ', options), 'hello_good_sir', 'Custom options');
options = {
'separator': '+'
};
strictEqual($.slugify('!Hello! good !Sir! ', options), 'hello+good+sir', 'Custom options 2');
});
test('test the DOM function on change', function() {
expect(1);
$('#slug-target').slugify('#slug-source');
$('#slug-source').val('Hello good Sir! ').trigger('change');
equal($('#slug-target').val(), 'hello-good-sir', "Correct slug in target field change event");
});
test('test the DOM function on keyup', function() {
expect(1);
$('#slug-target').slugify('#slug-source');
$('#slug-source').val('Hello good Sir! ').trigger('keyup');
equal($('#slug-target').val(), 'hello-good-sir', "Correct slug in target field with keyup event");
});
test('invalid event triggers nothing', function() {
expect(1);
$('#slug-target').slugify('#slug-source');
$('#slug-source').val('A').trigger('click');
equal($('#slug-target').val(), '', "Invalid event (click)");
});
test('when a the slug field is edited - the data attributed "locked should be added"', function() {
expect(2);
$('#slug-target').slugify('#slug-source');
$('#slug-source').val('a').trigger('keyup');
equal($('#slug-target').val(), 'a', "Slug added correctly");
$('#slug-target').val('ab').trigger('change');
ok($('#slug-target').data('locked'), '"locked" is in data object');
});
test('the slug field is a span', function() {
expect(2);
$('#slug-target-span').slugify('#slug-source');
$('#slug-source').val('Hello Span!').trigger('keyup');
equal($('#slug-target-span').text(), 'hello-span', "Slug added to span correctly");
$('#slug-source').val('Hello Spanner!').trigger('change');
equal($('#slug-target-span').text(), 'hello-spanner', "Slug added to span correctly again");
});
test('test russian Ъ', function() {
expect(1);
var options = {
'separator': '-'
};
strictEqual($.slugify('объезд', options), 'obezd', 'test russian Ъ');
});
test('test dollar sign', function() {
expect(1);
var options = {
'separator': '_'
};
strictEqual($.slugify('Micro$soft please go suck an egg', options), 'microusdsoft_please_go_suck_an_egg', 'test $ sign');
});
test('test consecutive invalid and whitespace chars', function() {
expect(5);
var options = {
'separator': '-'
};
strictEqual($.slugify(' a ', options), 'a', 'Whitespace chars trimmed');
strictEqual($.slugify('a a a', options), 'a-a-a', 'Consecutive whitespacechars deleted');
strictEqual($.slugify('=a=a=', options), 'a-a', 'Trailing invalid characters deleted');
strictEqual($.slugify('===a=====a==', options), 'a-a', 'Consecutive invalid characters deleted');
strictEqual($.slugify('===a== ===a==', options), 'a-a', 'Consecutive invalid characters deleted - whitespace reserved');
});
test('test the preSlug postSlug callbacks', function() {
expect(2);
strictEqual($.slugify('a', {
postSlug: function(sourceString) {
return sourceString.toUpperCase();
}
}), 'A', 'Uppercase postSlug');
strictEqual($.slugify('a', {
postSlug: function(sourceString) {
return sourceString + 'rsch';
}
}), 'arsch', 'Naughty word appendend preSlug');
});
test('test the static lang feature', function() {
expect(3);
strictEqual($.slugify('mäh', {'lang':'hu'}), 'mah',
'Hungarian specific lang option');
strictEqual($.slugify('mäh', {'lang':'de'}), 'maeh',
'German specific lang option');
strictEqual($.slugify('mäh'), 'maeh',
'Default lang option');
});
test('test the lang feature with HTML lang attribute', function() {
expect(3);
$('html').prop('lang', 'hu');
strictEqual($.slugify('mäh'), 'mah',
'Hungarian specific lang with lang attribute');
$('html').prop('lang', 'de');
strictEqual($.slugify('mäh'), 'maeh',
'German specific lang option');
$('html').prop('lang', 'hu');
strictEqual($.slugify('mäh', {'lang':'de'}), 'maeh',
'German specific lang option overrides html attribute');
});
QUnit.testDone(function() {
$('#slug-target').val('');
$('#slug-source').val('');
});
}(jQuery));
|
