Wrong events is sequence simulated during test execution

[helen-dikareva]

Reproducing:

1. page

<input type="text" id="test" onchange="doTest()"/>
<input id="anotherInput"/>

<script>
    function handler (e) {
        console.log('____________________________________');
        console.log(e.type);
        console.log(e.target);
        console.log(document.activeElement);
        console.log('____________________________________');
    }

    const checkedEvents = ['mousedown', 'mouseup', 'click', 'blur', 'focus', 'change'];

    for(const event of checkedEvents)
        document.addEventListener(event, handler, true);


    function doTest () {
        const input = document.getElementById('test');

        if (input.value === 'aaa') {
               input.focus();
               input.setSelectionRange(0, 3);
        }
    }
</script>

2. test

fixture `fix`
    .page `http://localhost/testcafe`;

test('test', async t => {
    await t
        .typeText('#test', 'aaa')
        .click('#anotherInput')
        .debug(); //check events sequence in console (focus in `doTest()` handler doesn't have an effect)
});

After test actions without TestCafe we have input with id === 'test' is document.activeElement and it have selectionStart = 0, selectionEnd = 3. But with TestCafe only selection is correct.

[AlexKamaev]

fixed in DevExpress/testcafe-hammerhead#1858

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs or feature requests. For TestCafe API, usage and configuration inquiries, we recommend asking them on StackOverflow.