Невозможно ввести текст в раскрывающемся списке «Тип поиска», который является компонентом реакции, использующим testcafe

Question

Невозможно ввести текст в «Раскрывающийся список для поиска», который является компонентом реакции.Я могу нажать на компонент, но не могу ввести любой текст в нем.Ниже приведен пример кода.

import { Selector } from 'testcafe';

test('Select option', async t => {

    const dropdown = Selector('.section')
                .find('.Select.is-clearable.is-searchable.Select--multi')
                .find('.Select-control')
                .find('.Select-placeholder')
                .withText('Select...');

    await t.click(dropdown);
    await t.typeText(dropdown, 'abc'); // unable to pass text 'abc'
    await t.wait(3000);
});

Пример сайта, который использует аналогичный компонент http://jedwatson.github.io/react-select/

Answer 1

const dropdown = Selector('.section')
            .find('.Select.is-clearable.is-searchable.Select--multi')
            .find('.Select-control')
            .find('.Select-placeholder')
            .withText('Select...');

const inputField = dropdown
    .sibling('.Select-input')
    .find('input');

await t
    // wait until element is visible on the screen
    .expect(dropdown.with({visibilityCheck: true}).exists).ok({timeout: 5000})
    // access the element via the mouse (will fire the mouse event onMouseEnter)
    .hover(dropdown)
    .click(dropdown)
    .typeText(inputField, 'abc');