2 module( "widget animation", (function() {
5 slideDown = $.fn.slideDown;
8 $.widget( "ui.testWidget", {
12 show: function( fn ) {
13 this._show( this.element, this.options.show, fn );
16 $.effects = { effect: { testEffect: $.noop } };
18 teardown: function() {
19 delete $.ui.testWidget;
20 delete $.effects.effect.testEffect;
23 $.fn.slideDown = slideDown;
28 asyncTest( "show: null", function() {
31 var element = $( "#widget" ).testWidget(),
33 $.fn.show = function() {
34 ok( true, "show called" );
35 equal( arguments.length, 0, "no args passed to show" );
40 .queue(function( next ) {
41 ok( !hasRun, "queue before show" );
44 .testWidget( "show", function() {
47 .queue(function( next ) {
48 ok( hasRun, "queue after show" );
54 asyncTest( "show: true", function() {
57 var element = $( "#widget" ).testWidget({
61 $.fn.fadeIn = function( duration, easing, complete ) {
62 return this.queue(function( next ) {
63 strictEqual( duration, undefined, "duration" );
64 strictEqual( easing, undefined, "easing" );
72 .queue(function( next ) {
73 ok( !hasRun, "queue before show" );
76 .testWidget( "show", function() {
79 .queue(function( next ) {
80 ok( hasRun, "queue after show" );
86 asyncTest( "show: number", function() {
89 var element = $( "#widget" ).testWidget({
93 $.fn.fadeIn = function( duration, easing, complete ) {
94 return this.queue(function( next ) {
95 strictEqual( duration, 123, "duration" );
96 strictEqual( easing, undefined, "easing" );
104 .queue(function( next ) {
105 ok( !hasRun, "queue before show" );
108 .testWidget( "show", function() {
111 .queue(function( next ) {
112 ok( hasRun, "queue after show" );
118 asyncTest( "show: core animation", function() {
121 var element = $( "#widget" ).testWidget({
125 $.fn.slideDown = function( duration, easing, complete ) {
126 return this.queue(function( next ) {
127 strictEqual( duration, undefined, "duration" );
128 strictEqual( easing, undefined, "easing" );
136 .queue(function( next ) {
137 ok( !hasRun, "queue before show" );
140 .testWidget( "show", function() {
143 .queue(function( next ) {
144 ok( hasRun, "queue after show" );
150 asyncTest( "show: effect", function() {
153 var element = $( "#widget" ).testWidget({
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" );
169 .queue(function( next ) {
170 ok( !hasRun, "queue before show" );
173 .testWidget( "show", function() {
176 .queue(function( next ) {
177 ok( hasRun, "queue after show" );
183 asyncTest( "show: object(core animation)", function() {
186 var element = $( "#widget" ).testWidget({
194 $.fn.slideDown = function( duration, easing, complete ) {
195 return this.queue(function( next ) {
196 equal( duration, 123, "duration" );
197 equal( easing, "testEasing", "easing" );
205 .queue(function( next ) {
206 ok( !hasRun, "queue before show" );
209 .testWidget( "show", function() {
212 .queue(function( next ) {
213 ok( hasRun, "queue after show" );
219 asyncTest( "show: object(effect)", function() {
222 var element = $( "#widget" ).testWidget({
224 effect: "testEffect",
230 $.fn.show = function( options ) {
231 return this.queue(function( next ) {
232 deepEqual( options, {
233 effect: "testEffect",
235 easing: "testEasing",
236 complete: options.complete
245 .queue(function( next ) {
246 ok( !hasRun, "queue before show" );
249 .testWidget( "show", function() {
252 .queue(function( next ) {
253 ok( hasRun, "queue after show" );