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
|
describe('uiJq', function () {
var scope, compile, timeout;
scope = null;
beforeEach(module('ui.directives'));
beforeEach(function () {
jQuery.fn.foo = function () {};
module(function ($provide) {
$provide.value('ui.config', {
jq: {foo: {}}
});
});
});
beforeEach(inject(function ($rootScope, $compile, $timeout) {
scope = $rootScope.$new();
compile = $compile;
timeout = $timeout;
}));
describe('function or plugin isn\'t found', function () {
it('should throw an error', function () {
expect(function () {
compile("<div ui-jq='failure'></div>")(scope);
}).toThrow();
});
});
describe('calling a jQuery element function', function () {
it('should just like, sort of work and junk', function () {
spyOn(jQuery.fn, 'foo');
compile("<div ui-jq='foo'></div>")(scope);
timeout.flush();
expect(jQuery.fn.foo).toHaveBeenCalled();
});
it('should fire after the view has rendered', function() {
var length;
jQuery.fn.bar = function() {
length = $(this).children().length;
console.log(length);
};
scope.$apply('items=[1, 2]');
compile("<ul ui-jq='bar'><li ng-repeat='item in items'></li></ul>")(scope);
scope.$apply();
timeout.flush();
expect(length).toBe(2);
});
});
describe('calling a jQuery element function with options', function() {
it('should not copy options.pizza to global', function() {
spyOn(jQuery.fn, 'foo');
compile('<div ui-jq="foo" ui-options="{pizza:true}"></div><div ui-jq="foo" ui-options="{}"></div>')(scope);
timeout.flush();
expect(jQuery.fn.foo.calls[0].args).toEqual([{pizza: true}]);
expect(jQuery.fn.foo.calls[1].args).toEqual([{}]);
});
});
describe('using ui-refresh', function() {
it('should execute exactly once if the expression is never set', function() {
spyOn(jQuery.fn, 'foo');
compile('<div ui-jq="foo" ui-refresh="bar"></div>')(scope);
timeout.flush();
expect(jQuery.fn.foo.callCount).toBe(1);
});
it('should execute exactly once if the expression is set at initialization', function() {
spyOn(jQuery.fn, 'foo');
scope.$apply('bar = true');
compile('<div ui-jq="foo" ui-refresh="bar"></div>')(scope);
timeout.flush();
expect(jQuery.fn.foo.callCount).toBe(1);
});
it('should execute once for each time the expression changes', function() {
spyOn(jQuery.fn, 'foo');
scope.$apply('bar = 1');
compile('<div ui-jq="foo" ui-refresh="bar"></div>')(scope);
timeout.flush();
expect(jQuery.fn.foo.callCount).toBe(1);
scope.$apply('bar = bar+1');
timeout.flush();
expect(jQuery.fn.foo.callCount).toBe(2);
scope.$apply('bar = bar+1');
timeout.flush();
expect(jQuery.fn.foo.callCount).toBe(3);
});
});
describe('change events', function() {
it('should trigger an `input` event', function() {
var bar = false;
var element = compile('<input ui-jq="foo" ng-model="foobar">')(scope);
element.bind('input', function(){
bar = true;
});
element.trigger('change');
expect(bar).toBe(true);
});
it('should ignore controls without ngModel attribute', function() {
var bar = false;
var element = compile('<input ui-jq="foo">')(scope);
element.bind('input', function(){
bar = true;
});
element.trigger('change');
expect(bar).toBe(false);
});
it('should ignore non-form controls', function() {
var bar = false;
var element = compile('<div ui-jq="foo"></div ng-model="foobar">')(scope);
element.bind('input', function(){
bar = true;
});
element.trigger('change');
expect(bar).toBe(false);
});
});
});
|