Skip to content

Latest commit

 

History

History
190 lines (123 loc) · 6.66 KB

drag-objects.md

File metadata and controls

190 lines (123 loc) · 6.66 KB
Raw
description
Learn how to use the I.dragTo command to drag various elements in your UIlicious test.

Drag commands

I.dragTo

Drags an element to another target element

Usage 

I.dragTo(element, target);

Parameters

Parameter Type Remarks
element string

Keyword to identify the element to drag.
This is case-insensitive.
CSS / XPATHs may also be used.
target string

Keyword to identify the target element to drop on.
This is case-insensitive.
CSS / XPATHs may also be used.

Example(s)

Drag elements using labels

I.goTo("http://jqueryui.com/resources/demos/droppable/default.html")
I.dragTo("drag me", "drop here")

Drags the element "drag me" to the target element "drop here".

Drag elements using CSS

I.goTo("http://jqueryui.com/resources/demos/droppable/default.html")
I.dragTo("#draggable", "#droppable")

Drags the element with the ID "draggable" to the target element with the ID "droppable".

I.dragBy

Drags an element directionally by (x,y) pixels right and down.

Usage 

I.dragBy(element, x, y);

Parameters

Parameter Type Remarks
element string

Keyword to identify the element to drag.
This is case-insensitive.
CSS / XPATHs may also be used.
x number Number of pixels to drag right. Use negative numbers to drag left instead.
y number Number of pixels to drag down. Use negative numbers to drag up instead.

Example(s) 

I.goTo("http://jqueryui.com/resources/demos/droppable/default.html")
I.dragBy("drag me", 150, 75)

Drags the element "drag me" 150 pixels right, and 75 pixels down.

I.dragUp

Drags an element up by a given number of pixels

Usage 

I.dragUp(element, y);

Parameters

Parameter Type Remarks
element string

Keyword to identify the element to drag.
This is case-insensitive.
CSS / XPATHs may also be used.
y number Number of pixels to drag up.

Example(s) 

I.goTo("http://jqueryui.com/resources/demos/droppable/default.html")
I.dragUp("drag me", 10)

Drags the element "drag me" 10 pixels up.

I.dragDown

Drags an element down by a given number of pixels

Usage 

I.dragDown(element, y);

Parameters

Parameter Type Remarks
element string

Keyword to identify the element to drag.
This is case-insensitive.
CSS / XPATHs may also be used.
y number Number of pixels to drag down.

Example(s) 

I.goTo("http://jqueryui.com/resources/demos/droppable/default.html")
I.dragDown("drag me", 10)

Drags the element "drag me" 10 pixels down.

I.dragLeft

Drags an element left by a given number of pixels

Usage 

I.dragLeft(element, x);

Parameters

Parameter Type Remarks
element string

Keyword to identify the element to drag.
This is case-insensitive.
CSS / XPATHs may also be used.
x number Number of pixels to drag left.

Example(s) 

I.goTo("http://jqueryui.com/resources/demos/droppable/default.html")
I.dragLeft("drag me", 10)

Drags the element "drag me" 10 pixels left.

I.dragRight

Drags an element right by a given number of pixels

Usage 

I.dragRight(element, x);

Parameters

Parameter Type Remarks
element string

Keyword to identify the element to drag.
This is case-insensitive.
CSS / XPATHs may also be used.
x number Number of pixels to drag right.

Example(s) 

I.goTo("http://jqueryui.com/resources/demos/droppable/default.html")
I.dragRight("drag me", 10)

Drags the element "drag me" 10 pixels right.

Test Scripting Tutorial for I.drag Command(s)

How to test Slider Components

This tutorial shows you how to test the slider components in website(s) using the I.drag command.