unit/widget/widget_animation.js


module( "widget animation", (function() {
        var show = $.fn.show,
                fadeIn = $.fn.fadeIn,
                slideDown = $.fn.slideDown;
        return {
                setup: function() {
                        $.widget( "ui.testWidget", {
                                _create: function() {
                                        this.element.hide();
                                },
                                show: function( fn ) {
                                        this._show( this.element, this.options.show, fn );
                                }
                        });
                        $.effects = { effect: { testEffect: $.noop } };
                },
                teardown: function() {
                        delete $.ui.testWidget;
                        delete $.effects.effect.testEffect;
                        $.fn.show = show;
                        $.fn.fadeIn = fadeIn;
                        $.fn.slideDown = slideDown;
                }
        };
}()));

asyncTest( "show: null", function() {
        expect( 4 );

        var element = $( "#widget" ).testWidget(),
                hasRun = false;
        $.fn.show = function() {
                ok( true, "show called" );
                equal( arguments.length, 0, "no args passed to show" );
        };

        element
                .delay( 50 )
                .queue(function( next ) {
                        ok( !hasRun, "queue before show" );
                        next();
                })
                .testWidget( "show", function() {
                        hasRun = true;
                })
                .queue(function( next ) {
                        ok( hasRun, "queue after show" );
                        start();
                        next();
                });
});

asyncTest( "show: true", function() {
        expect( 4 );

        var element = $( "#widget" ).testWidget({
                        show: true
                }),
                hasRun = false;
        $.fn.fadeIn = function( duration, easing, complete ) {
                return this.queue(function( next ) {
                        strictEqual( duration, undefined, "duration" );
                        strictEqual( easing, undefined, "easing" );
                        complete();
                        next();
                });
        };

        element
                .delay( 50 )
                .queue(function( next ) {
                        ok( !hasRun, "queue before show" );
                        next();
                })
                .testWidget( "show", function() {
                        hasRun = true;
                })
                .queue(function( next ) {
                        ok( hasRun, "queue after show" );
                        start();
                        next();
                });
});

asyncTest( "show: number", function() {
        expect( 4 );

        var element = $( "#widget" ).testWidget({
                show: 123
        }),
        hasRun = false;
        $.fn.fadeIn = function( duration, easing, complete ) {
                return this.queue(function( next ) {
                        strictEqual( duration, 123, "duration" );
                        strictEqual( easing, undefined, "easing" );
                        complete();
                        next();
                });
        };

        element
                .delay( 50 )
                .queue(function( next ) {
                        ok( !hasRun, "queue before show" );
                        next();
                })
                .testWidget( "show", function() {
                        hasRun = true;
                })
                .queue(function( next ) {
                        ok( hasRun, "queue after show" );
                        start();
                        next();
                });
});

asyncTest( "show: core animation", function() {
        expect( 4 );

        var element = $( "#widget" ).testWidget({
                show: "slideDown"
        }),
        hasRun = false;
        $.fn.slideDown = function( duration, easing, complete ) {
                return this.queue(function( next ) {
                        strictEqual( duration, undefined, "duration" );
                        strictEqual( easing, undefined, "easing" );
                        complete();
                        next();
                });
        };

        element
                .delay( 50 )
                .queue(function( next ) {
                        ok( !hasRun, "queue before show" );
                        next();
                })
                .testWidget( "show", function() {
                        hasRun = true;
                })
                .queue(function( next ) {
                        ok( hasRun, "queue after show" );
                        start();
                        next();
                });
});

asyncTest( "show: effect", function() {
        expect( 5 );

        var element = $( "#widget" ).testWidget({
                show: "testEffect"
        }),
        hasRun = false;
        $.fn.show = function( options ) {
                return this.queue(function( next ) {
                        equal( options.effect, "testEffect", "effect" );
                        ok( !("duration" in options), "duration" );
                        ok( !("easing" in options), "easing" );
                        options.complete();
                        next();
                });
        };

        element
                .delay( 50 )
                .queue(function( next ) {
                        ok( !hasRun, "queue before show" );
                        next();
                })
                .testWidget( "show", function() {
                        hasRun = true;
                })
                .queue(function( next ) {
                        ok( hasRun, "queue after show" );
                        start();
                        next();
                });
});

asyncTest( "show: object(core animation)", function() {
        expect( 4 );

        var element = $( "#widget" ).testWidget({
                show: {
                        effect: "slideDown",
                        duration: 123,
                        easing: "testEasing"
                }
        }),
        hasRun = false;
        $.fn.slideDown = function( duration, easing, complete ) {
                return this.queue(function( next ) {
                        equal( duration, 123, "duration" );
                        equal( easing, "testEasing", "easing" );
                        complete();
                        next();
                });
        };

        element
                .delay( 50 )
                .queue(function( next ) {
                        ok( !hasRun, "queue before show" );
                        next();
                })
                .testWidget( "show", function() {
                        hasRun = true;
                })
                .queue(function( next ) {
                        ok( hasRun, "queue after show" );
                        start();
                        next();
                });
});

asyncTest( "show: object(effect)", function() {
        expect( 3 );

        var element = $( "#widget" ).testWidget({
                show: {
                        effect: "testEffect",
                        duration: 123,
                        easing: "testEasing"
                }
        }),
        hasRun = false;
        $.fn.show = function( options ) {
                return this.queue(function( next ) {
                        deepEqual( options, {
                                effect: "testEffect",
                                duration: 123,
                                easing: "testEasing",
                                complete: options.complete
                        });
                        options.complete();
                        next();
                });
        };

        element
                .delay( 50 )
                .queue(function( next ) {
                        ok( !hasRun, "queue before show" );
                        next();
                })
                .testWidget( "show", function() {
                        hasRun = true;
                })
                .queue(function( next ) {
                        ok( hasRun, "queue after show" );
                        start();
                        next();
                });
});
1
2	module( "widget animation", (function() {
3	var show = $.fn.show,
4	fadeIn = $.fn.fadeIn,
5	slideDown = $.fn.slideDown;
6	return {
7	setup: function() {
8	$.widget( "ui.testWidget", {
9	_create: function() {
10	this.element.hide();
11	},
12	show: function( fn ) {
13	this._show( this.element, this.options.show, fn );
14	}
15	});
16	$.effects = { effect: { testEffect: $.noop } };
17	},
18	teardown: function() {
19	delete $.ui.testWidget;
20	delete $.effects.effect.testEffect;
21	$.fn.show = show;
22	$.fn.fadeIn = fadeIn;
23	$.fn.slideDown = slideDown;
24	}
25	};
26	}()));
27
28	asyncTest( "show: null", function() {
29	expect( 4 );
30
31	var element = $( "#widget" ).testWidget(),
32	hasRun = false;
33	$.fn.show = function() {
34	ok( true, "show called" );
35	equal( arguments.length, 0, "no args passed to show" );
36	};
37
38	element
39	.delay( 50 )
40	.queue(function( next ) {
41	ok( !hasRun, "queue before show" );
42	next();
43	})
44	.testWidget( "show", function() {
45	hasRun = true;
46	})
47	.queue(function( next ) {
48	ok( hasRun, "queue after show" );
49	start();
50	next();
51	});
52	});
53
54	asyncTest( "show: true", function() {
55	expect( 4 );
56
57	var element = $( "#widget" ).testWidget({
58	show: true
59	}),
60	hasRun = false;
61	$.fn.fadeIn = function( duration, easing, complete ) {
62	return this.queue(function( next ) {
63	strictEqual( duration, undefined, "duration" );
64	strictEqual( easing, undefined, "easing" );
65	complete();
66	next();
67	});
68	};
69
70	element
71	.delay( 50 )
72	.queue(function( next ) {
73	ok( !hasRun, "queue before show" );
74	next();
75	})
76	.testWidget( "show", function() {
77	hasRun = true;
78	})
79	.queue(function( next ) {
80	ok( hasRun, "queue after show" );
81	start();
82	next();
83	});
84	});
85
86	asyncTest( "show: number", function() {
87	expect( 4 );
88
89	var element = $( "#widget" ).testWidget({
90	show: 123
91	}),
92	hasRun = false;
93	$.fn.fadeIn = function( duration, easing, complete ) {
94	return this.queue(function( next ) {
95	strictEqual( duration, 123, "duration" );
96	strictEqual( easing, undefined, "easing" );
97	complete();
98	next();
99	});
100	};
101
102	element
103	.delay( 50 )
104	.queue(function( next ) {
105	ok( !hasRun, "queue before show" );
106	next();
107	})
108	.testWidget( "show", function() {
109	hasRun = true;
110	})
111	.queue(function( next ) {
112	ok( hasRun, "queue after show" );
113	start();
114	next();
115	});
116	});
117
118	asyncTest( "show: core animation", function() {
119	expect( 4 );
120
121	var element = $( "#widget" ).testWidget({
122	show: "slideDown"
123	}),
124	hasRun = false;
125	$.fn.slideDown = function( duration, easing, complete ) {
126	return this.queue(function( next ) {
127	strictEqual( duration, undefined, "duration" );
128	strictEqual( easing, undefined, "easing" );
129	complete();
130	next();
131	});
132	};
133
134	element
135	.delay( 50 )
136	.queue(function( next ) {
137	ok( !hasRun, "queue before show" );
138	next();
139	})
140	.testWidget( "show", function() {
141	hasRun = true;
142	})
143	.queue(function( next ) {
144	ok( hasRun, "queue after show" );
145	start();
146	next();
147	});
148	});
149
150	asyncTest( "show: effect", function() {
151	expect( 5 );
152
153	var element = $( "#widget" ).testWidget({
154	show: "testEffect"
155	}),
156	hasRun = false;
157	$.fn.show = function( options ) {
158	return this.queue(function( next ) {
159	equal( options.effect, "testEffect", "effect" );
160	ok( !("duration" in options), "duration" );
161	ok( !("easing" in options), "easing" );
162	options.complete();
163	next();
164	});
165	};
166
167	element
168	.delay( 50 )
169	.queue(function( next ) {
170	ok( !hasRun, "queue before show" );
171	next();
172	})
173	.testWidget( "show", function() {
174	hasRun = true;
175	})
176	.queue(function( next ) {
177	ok( hasRun, "queue after show" );
178	start();
179	next();
180	});
181	});
182
183	asyncTest( "show: object(core animation)", function() {
184	expect( 4 );
185
186	var element = $( "#widget" ).testWidget({
187	show: {
188	effect: "slideDown",
189	duration: 123,
190	easing: "testEasing"
191	}
192	}),
193	hasRun = false;
194	$.fn.slideDown = function( duration, easing, complete ) {
195	return this.queue(function( next ) {
196	equal( duration, 123, "duration" );
197	equal( easing, "testEasing", "easing" );
198	complete();
199	next();
200	});
201	};
202
203	element
204	.delay( 50 )
205	.queue(function( next ) {
206	ok( !hasRun, "queue before show" );
207	next();
208	})
209	.testWidget( "show", function() {
210	hasRun = true;
211	})
212	.queue(function( next ) {
213	ok( hasRun, "queue after show" );
214	start();
215	next();
216	});
217	});
218
219	asyncTest( "show: object(effect)", function() {
220	expect( 3 );
221
222	var element = $( "#widget" ).testWidget({
223	show: {
224	effect: "testEffect",
225	duration: 123,
226	easing: "testEasing"
227	}
228	}),
229	hasRun = false;
230	$.fn.show = function( options ) {
231	return this.queue(function( next ) {
232	deepEqual( options, {
233	effect: "testEffect",
234	duration: 123,
235	easing: "testEasing",
236	complete: options.complete
237	});
238	options.complete();
239	next();
240	});
241	};
242
243	element
244	.delay( 50 )
245	.queue(function( next ) {
246	ok( !hasRun, "queue before show" );
247	next();
248	})
249	.testWidget( "show", function() {
250	hasRun = true;
251	})
252	.queue(function( next ) {
253	ok( hasRun, "queue after show" );
254	start();
255	next();
256	});
257	});