Testcafe: TestCafe/Hammerhead throws an invalid PointerID error on Firefox

[testorangemac]

What is your Test Scenario?

I would like to drag an element

What is the Current behavior?

Chrome: Does not throw an error, but does not start the action = no move
Firefox: Throws an error and does not start the action

Console error:

A JavaScript error occurred on "http://10.10.11.61:6006".
Repeat test actions in the browser and check the console for errors.
If you see this error, it means that the tested website caused it. You can fix it or disable tracking JavaScript errors in TestCafe.
To do the latter, enable the "--skip-js-errors" option.
If this error does not occur, please write a new issue at:
"https://github.com/DevExpress/testcafe/issues/new?template=bug-report.md".

JavaScript error details:
Invalid pointer id.:
MoveableCircle/handlePointerDown<@http://10.10.11.61:6006/main.2d809f83dc8ff52197a9.bundle.js:1911:22
callCallback@http://10.10.11.61:6006/vendors~main.2d809f83dc8ff52197a9.bundle.js:60183:14
dispatchEvent@http://10.0.75.1:5542/hammerhead.js:7:8320
invokeGuardedCallbackDev@http://10.10.11.61:6006/vendors~main.2d809f83dc8ff52197a9.bundle.js:60233:16
invokeGuardedCallback@http://10.10.11.61:6006/vendors~main.2d809f83dc8ff52197a9.bundle.js:60290:31
invokeGuardedCallbackAndCatchFirstError@http://10.10.11.61:6006/vendors~main.2d809f83dc8ff52197a9.bundle.js:60304:25
executeDispatch@http://10.10.11.61:6006/vendors~main.2d809f83dc8ff52197a9.bundle.js:60593:3
executeDispatchesInOrder@http://10.10.11.61:6006/vendors~main.2d809f83dc8ff52197a9.bundle.js:60612:7
executeDispatchesAndRelease@http://10.10.11.61:6006/vendors~main.2d809f83dc8ff52197a9.bundle.js:60712:5
executeDispatchesAndReleaseTopLevel@http://10.10.11.61:6006/vendors~main.2d809f83dc8ff52197a9.bundle.js:60720:10
forEachAccumulated@http://10.10.11.61:6006/vendors~main.2d809f83dc8ff52197a9.bundle.js:60694:8
runEventsInBatch@http://10.10.11.61:6006/vendors~main.2d809f83dc8ff52197a9.bundle.js:60848:3
runExtractedEventsInBatch@http://10.10.11.61:6006/vendors~main.2d809f83dc8ff52197a9.bundle.js:60856:3
handleTopLevel@http://10.10.11.61:6006/vendors~main.2d809f83dc8ff52197a9.bundle.js:64835:5
batchedUpdates$1@http://10.10.11.61:6006/vendors~main.2d809f83dc8ff52197a9.bundle.js:80444:12
batchedUpdates@http://10.10.11.61:6006/vendors~main.2d809f83dc8ff52197a9.bundle.js:62183:12
dispatchEvent@http://10.10.11.61:6006/vendors~main.2d809f83dc8ff52197a9.bundle.js:64914:5
interactiveUpdates$1/<@http://10.10.11.61:6006/vendors~main.2d809f83dc8ff52197a9.bundle.js:80495:14
unstable_runWithPriority@http://10.10.11.61:6006/vendors~main.2d809f83dc8ff52197a9.bundle.js:86009:12
interactiveUpdates$1@http://10.10.11.61:6006/vendors~main.2d809f83dc8ff52197a9.bundle.js:80494:22
interactiveUpdates@http://10.10.11.61:6006/vendors~main.2d809f83dc8ff52197a9.bundle.js:62202:10
dispatchInteractiveEvent@http://10.10.11.61:6006/vendors~main.2d809f83dc8ff52197a9.bundle.js:64891:3
l@http://10.0.75.1:5542/hammerhead.js:14:7590
listeners.js/h</t._getEventListenerWrapper/<@http://10.0.75.1:5542/hammerhead.js:7:13421
dispatchEvent@http://10.0.75.1:5542/hammerhead.js:7:8320
simulator.js/x</t._raiseDispatchEvent@http://10.0.75.1:5542/hammerhead.js:8:9713
simulator.js/x</t._dispatchPointerEvent@http://10.0.75.1:5542/hammerhead.js:8:6587
simulator.js/x</t._dispatchMouseRelatedEvents@http://10.0.75.1:5542/hammerhead.js:8:7042
u@http://10.0.75.1:5542/hammerhead.js:8:1438
simulator.js/x</t._simulateEvent@http://10.0.75.1:5542/hammerhead.js:8:1899
simulator.js/x</t.mousedown@http://10.0.75.1:5542/hammerhead.js:8:10584
index.js/T.prototype._mousedown/<@http://10.0.75.1:5542/testcafe-automation.js:1:11077
a@http://10.0.75.1:5542/hammerhead.js:5:8680
d@http://10.0.75.1:5542/hammerhead.js:5:9258
p@http://10.0.75.1:5542/hammerhead.js:5:9294
n@http://10.0.75.1:5542/hammerhead.js:5:8429

What is the Expected behavior?

Element is dragged/moved

What is your web application and your TestCafe test code?

Similar example:
https://codepen.io/testorangemac/pen/aboWeJQ?&editable=true#anon-signup

Your Environment details:

• testcafe version: 1.4.1
• node.js version: 10.15.0
• command-line arguments:
• browser name and version: Firefox 68
• platform and version: Windows 10 Pro
• other:

[miherlosev]

Hi @testorangemac

I've reproduced the problem. Thank you for the provided example.

For team:

import { Selector } from 'testcafe';

fixture `My fixture`
    .page('https://codepen.io/testorangemac/pen/aboWeJQ?&editable=true#anon-signup');

test('Test1', async t => {
    await t
        .switchToIframe('iframe[name=CodePen]')
        .drag('#slider', 0, 200);
});