ecomp-portal-FE/client/bower_components/jquery.event.drag-new/event.drop/test/properties.js

   1 module("Callback Properties");
   2
   3 $.each(["init","start","","end"],function( i, type ){
   4
   5         test('"drop'+ type +'" callback',function(){
   6
   7                 expect( i ? 10 : 12 );
   8
   9                 // create the markup for the test
  10                 var $drag = $('<div class="drag"/>')
  11                         .appendTo( document.body )
  12                         .css({
  13                                 position: 'absolute',
  14                                 top: 0,
  15                                 left: 0,
  16                                 height: 100,
  17                                 width: 100
  18                         })
  19                         .bind("draginit",function( ev, dd ){
  20                                 same( dd.drop, [], 'draginit: "drop"' );
  21                                 same( dd.available, [], 'draginit: "available"' );
  22                         })
  23                         .bind("dragstart",function( ev, dd ){
  24                                 same( dd.drop, [], 'dragstart: "drop"' );
  25                                 same( dd.available, available, 'dragstart: "available"' );
  26                         })
  27                         .bind("drag",function( ev, dd ){
  28                                 same( dd.drop, [], 'drag: "drop"' );
  29                                 same( dd.available, available, 'drag: "available"' );
  30                         })
  31                         .bind("dragend",function( ev, dd ){
  32                                 same( dd.drop, drop, 'dragend: "drop"' );
  33                                 same( dd.available, available, 'dragend: "available"' );
  34                                 $drag.remove();
  35                                 $drop.remove();
  36                         }),
  37                 $drop = $('<div class="drop"/><div class="drop"/>')
  38                         .appendTo( document.body )
  39                         .css({
  40                                 position: 'absolute',
  41                                 top: 0,
  42                                 left: 0,
  43                                 height: 100,
  44                                 width: 100
  45                         })
  46                         .drop( type, function( ev, dd ){
  47                                 same( dd.drop, i < 2 ? [] : drop, 'drop'+ type +': "drop"' );
  48                                 same( dd.available, i < 1 ? [] : available, 'drop'+ type +': "available"' );
  49                         }),
  50                 available = $drop.toArray(),
  51                 drop = $drop.eq(0).toArray();
  52
  53                 $.drop({ mode:'overlap', multi:false });
  54                 // simulate a complete drag and drop
  55                 $drag
  56                         .fire("mousedown",{ pageX:50, pageY:50 })
  57                         .fire("mousemove",{ pageX:51, pageY:51 })
  58                         .fire("mouseup",{ pageX:51, pageY:51 })
  59                         .trigger("click");
  60         });
  61
  62 });