无法在使用 testcafe 的react组件“类型搜索下拉列表”中输入文本

IT技术 javascript reactjs automated-tests e2e-testing testcafe
2022-07-09 01:27:28

无法在作为react组件的“类型搜索下拉菜单”中输入文本。我可以单击该组件，但无法在其中键入任何文本。下面是示例代码。

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/

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');
其它你可能感兴趣的问题
上一篇React JS 'this' 没有按预期工作 下一篇退出动画在下一个 js 成帧器动作中不起作用？