How select an item from the drop-down list without using scrolling and simulate user activity - Drag in TestCafe Studio?

Question

I use Testcafe Studio to write tests.

There is a long drop-down list with elements. The item to select is out of view. Interested in how you can implement its selection without using scrolling (without using the built-in On-Page Actions: Drag). Maybe you can somehow implement it using functions or a script?

Specific task: in this form ( https://www.devexpress.com/Support/Center/Question/Create ) there is a drop-down list of the "Platform/Category:" field. Using TestCafe Studio, I need to write a test that selects the value "Native" from the list without using horizontal scrolling. Thanks.

Answer 1

try creating a function like this,

async selectDropDown(dropDownEle, valueToSelect){    
        await t.click(dropDownEle);
        await t.click(await dropDownEle.find('option[title="' + valueToSelect +'"]'));
    }