Forum Discussion

Veroniquelu's avatar
Veroniquelu
Contributor
10 years ago

How do I find an Object if there's scroll bar involved? And how to Drag and Drop them?

Hi All,    I ran into some issues today.    So assuming the object can be everywhere, it can also be on the next half of the screen and you can only see it when you scroll down. How do I find suc...
  • AlexKaras's avatar
    AlexKaras
    10 years ago

    Hi,

     

    To display the web element that is out of the visible web page borders you may use the ScrollIntoView() native web function.

    E.g.:

    oControl.ScrollIntoView(false)

  • Veroniquelu's avatar
    Veroniquelu
    10 years ago

    So in order to achive that, I replaced .Drag, Please see the code below:

    function DragToObject(source, destination)
    {
    sDelay = 1000;
    source.ScrollIntoView(false);
    var point1 = source.WindowToScreen(source.Width/2, source.Height/2);
    LLPlayer.MouseDown(MK_LBUTTON, point1.X, point1.Y, sDelay);

    destination.ScrollIntoView(false);
    var point2 = destination.WindowToScreen(destination.Width/2, destination.Height/2);
    LLPlayer.MouseMove(point2.X, point2.Y, sDelay);
    LLPlayer.MouseUp(MK_LBUTTON, point2.X, point2.Y, sDelay);

    }

     

     

    This works for me. Thank you all for being so nice and kind :)

AlexKaras's avatar
AlexKaras
Champion Level 3

Hi,

 

Well, in this case the regular .Drag() method will not work, indeed, because it uses the initial coordinates and the distance (direction) to drag to.

If you *really* need to drag to the objects that are out of page view (and maximizing browser's window does not make both objects visible), than you will have to implement drag procedure yourself. Something like (untested pseudo-code off-top of my head):

-- Put the source object into view;

-- Hover the mouse over it and press the left mouse button (use LLPlayer object for this and subsequent mouse operations));

-- Determine where the target object is located relative to the source one;

-- Perform a drag to the end of the web page in the direction of the target object;

-- Drag slightly over the page borders for some time period (e.g. for a second or two) to initialize page scrolling and drag back into the page to stop scrolling;

-- Check if the target object is visible (was moved into view) on the page; repeat the above step until the target object is visible;

-- Drag mouse over the target object and release left mouse button.

 

But I would wonder if I really need this? Am I testing how the drag and drop for the given functional area works in my tested application or do I test how the scrolling functionality works in the browser? Maybe it is possible to change the test or negotiate with developers so that both objects are visible on the (maximized) page?

In the worst case, maybe it is acceptable to have all other tests to be automated and leave this one for the manual verification when the manual testers will have to check the only thing: how drag and drop works if dragging to the object that initially is out of web page view?

Veroniquelu's avatar
Veroniquelu
Contributor
10 years ago

So in order to achive that, I replaced .Drag, Please see the code below:

function DragToObject(source, destination)
{
sDelay = 1000;
source.ScrollIntoView(false);
var point1 = source.WindowToScreen(source.Width/2, source.Height/2);
LLPlayer.MouseDown(MK_LBUTTON, point1.X, point1.Y, sDelay);

destination.ScrollIntoView(false);
var point2 = destination.WindowToScreen(destination.Width/2, destination.Height/2);
LLPlayer.MouseMove(point2.X, point2.Y, sDelay);
LLPlayer.MouseUp(MK_LBUTTON, point2.X, point2.Y, sDelay);

}

 

 

This works for me. Thank you all for being so nice and kind :)

  • AlexKaras's avatar
    AlexKaras
    Champion Level 3
    10 years ago

    I would say 'Wow!' and thank you for sharing your finding :)

    It is really good to know that LLPlayer and .ScrollIntoView can be used together and work as expected. Nice and useful trick.

     

    To Support: Don't you think that this is worth to be mentioned in the 'TestComplete How To' ?

  • Colin_McCrae's avatar
    Colin_McCrae
    Community Hero
    10 years ago

    "To Support: Don't you think that this is worth to be mentioned in the 'TestComplete How To' ?"

     

    +1 agreed!!!

     

    Scrolling and drag'n'drop are two of the most common causes of problems and questions on here .....

  • santi's avatar
    santi
    Contributor
    6 years ago

    I am using angular based application and for me i tried simple method and it worked

     

    e.g. (In Python+ TestComplete)

     

    devModel = AllDevicesPageObject.devModelHeader(page);
    devModel.Click();
    devModel.scrollIntoView(True);
    devModel.MouseWheel(8,skNoShift);