The pressKey function no longer seems to be working properly.

[Julian-B90]

What is your Scenario?

I want to send keyboard interactions to an input element.

What is the Current behavior?

Keyboard events are no longer arriving in the application

What is the Expected behavior?

The keyboard events are routed to the element

What is the public URL of the test page? (attach your complete example)

https://demos.telerik.com/kendo-angular-ui/demos/dropdowns/autocomplete/basic_usage?theme=default-ocean-blue-a11y

https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete

What is your TestCafe test code?

import { Selector } from 'testcafe';

fixture`Autocomplete`
    .page('https://demos.telerik.com/kendo-angular-ui/demos/dropdowns/autocomplete/basic_usage?theme=default-ocean-blue-a11y')

test(`AutoComplete test`, async (t: TestController) => {
await t
    .click(Selector('.food-demo kendo-autocomplete input'))
    .wait(5000)
    .typeText(Selector('.food-demo kendo-autocomplete input'), 'Barce')
    .pressKey('enter')
    .expect(Selector('.food-demo kendo-autocomplete input').value)
    .eql('Barcelona');
});

Your complete configuration file

{
    "browsers": "chrome --no-sandbox --disable-dev-shm-usage --disable-search-engine-choice-screen",
    "src": "./test-cases/kendo-test.spec.ts",
    "skipJsErrors": true,
    "hostname": "localhost",
    "speed": 1,
    "assertionTimeout": 10000,
    "pageLoadTimeout": 20000,
    "selectorTimeout": 10000,
    "browserInitTimeout": 25000,
    "debugOnFail": true
}

Your complete test report

No response

Screenshots

No response

Steps to Reproduce

npx testcafe --config-file .testcaferc_local.json

TestCafe version

3.7.2

Node.js version

24.12.0

Command-line arguments

--config-file .testcaferc_local.json

Browser name(s) and version(s)

chrome

Platform(s) and version(s)

Windows

Other

No response

[Julian-B90]

I think the issue is that the pressKey function sends the keys without the code property.

I have manually sent key events like so:

const targetElement = document.activeElement;
const enterEvent = new KeyboardEvent('keydown', {
            key: 'Enter',
            code: 'Enter',
            keyCode: 13,
            bubbles: true,
        });
targetElement?.dispatchEvent(enterEvent);

and this works!

[Bayheck]

Hello Julian-B90,

Thank you for reaching out to us.
You are right - TestCafe t.pressKey does not support the KeyboardEvent code property.
Therefore, using the t.dispatchEvent method as a workaround is the recommended approach to achieve your user scenario.

I will be closing this ticket.

[sst-pavel-gusilic]

@Bayheck what do you mean doesnt support? All this time await t.pressKey(enter) used to work? why it was changed/deleted?