@@ -316,6 +316,41 @@ describe(".mouseStart", () => {
316
316
} ) ;
317
317
} ) ;
318
318
319
+ describe ( ".mouseDrag" , ( ) => {
320
+ it ( "moves the drag element" , ( ) => {
321
+ const tree = new Node ( null , true ) ;
322
+ const node1 = new Node ( { name : "node1" } ) ;
323
+ tree . addChild ( node1 ) ;
324
+ const node2 = new Node ( { name : "node2" } ) ;
325
+ tree . addChild ( node2 ) ;
326
+
327
+ const dragAndDropHandler = createDragAndDropHandler ( { tree } ) ;
328
+
329
+ // Start dragging
330
+ const positionInfo = {
331
+ originalEvent : new Event ( "click" ) ,
332
+ pageX : 10 ,
333
+ pageY : 10 ,
334
+ target : node1 . element as HTMLElement ,
335
+ } ;
336
+
337
+ dragAndDropHandler . mouseCapture ( positionInfo ) ;
338
+ dragAndDropHandler . mouseStart ( positionInfo ) ;
339
+ expect ( dragAndDropHandler . isDragging ) . toBeTrue ( ) ;
340
+
341
+ // mouse start
342
+ dragAndDropHandler . mouseDrag ( {
343
+ originalEvent : new Event ( "mousemove" ) ,
344
+ pageX : 10 ,
345
+ pageY : 30 ,
346
+ target : node2 . element as HTMLElement ,
347
+ } ) ;
348
+
349
+ const dragElement = document . querySelector ( ".jqtree-dragging" ) ;
350
+ expect ( dragElement ) . toHaveStyle ( { left : "10px" , top : "30px" } ) ;
351
+ } ) ;
352
+ } ) ;
353
+
319
354
describe ( ".refresh" , ( ) => {
320
355
it ( "generates hit areas" , ( ) => {
321
356
const tree = new Node ( null , true ) ;
0 commit comments