Mouse events not sending pointerId

Current behavior:

Failed to execute 'setPointerCapture' on 'Element': No active pointer with the given id is found.

Desired behavior:

Element.hasPointerCapture() is not invoked by Cypress: https://developer.mozilla.org/en-US/docs/Web/API/Element/hasPointerCapture

Steps to reproduce: (app code and test code)

Use the code from: https://developer.mozilla.org/en-US/docs/Web/API/Element/setPointerCapture

We created 2 simple examples (attached as zips, see below):

1. A slider object which uses pointer capture
2. A canvas which uses pointer events to draw

Versions

Cypress: 3.4.0 - 3.6.1 OS: Win10 Browser: Chrome 78

Attachments

CanvasPointer.zip PointerCapture.zip

[testorangemac]

We did find a solution (with the assumption Chrome always uses pointerId 1):

cy.get('#slider")
   .trigger("pointerdown", { pointerId: 1 })
   .trigger("pointermove", { clientX: 270 })
   .trigger("pointermove", { clientX: 150 })
   .trigger("pointerup", { pointerId: 1})

[connerleverett]

We did find a solution (with the assumption Chrome always uses pointerId 1):

cy.get('#slider")
   .trigger("pointerdown", { pointerId: 1 })
   .trigger("pointermove", { clientX: 270 })
   .trigger("pointermove", { clientX: 150 })
   .trigger("pointerup", { pointerId: 1})

I found that this didn’t work in Firefox. Changing the pointerId from 1 to 0 occasionally did but not always.

 cy.get('#slider")
    .trigger("pointerdown", { pointerId: 0 })