Calculation of coordinates are wrong when Cypress scales the application view port

[Im-a-Train]

Problem
Depending on the Cypress view port scaling, the coordinates are calculated different and with the wrong proportions.

Code to reproduce:

describe('Real Event Demo', () => {
    beforeEach(() => {
        cy.visit('https://www.pdftron.com/webviewer/demo/')
    });

    it('Insert Rectangle', () => {
        cy.get('iframe[id="webviewer-1"]')
            .its('0.contentDocument.body')
            .then(body => cy.wrap(body))
            .within(() => {
                cy.get('div[data-element="shapeToolGroupButton"]').click()
                const startPos = {x: 100, y: 100}
                const endPos = {x: 200, y: 200}

                cy.get('div[id=pageContainer1]')
                    .realMouseDown({button: 'left', position: startPos})
                    .realMouseMove(endPos.x, endPos.y)
                    .realMouseUp({button: 'left', position: endPos});
            })
    });
});

Current Behavior:
The same test code produces different output, depending on the view port scaling:
View Port 100%:

View Port 56%:

realEventsWrongCoordinates.mp4

Expected Behavior
The view port scaling should not affect the test output.
Versions

• Cypress: 9.7.0
• cypress-real-events: 1.7.2

[Im-a-Train]

I could also reproduce the problem with the click test from this repo:
Viewport Scaling to 50%:

Viewport Scaling to 100%:

I'm working on a Pull Request to fix this problem.

[wtachau]

Thank you for digging into this— we are also having this issue!

[wtachau]

Thanks all! New release is working like a charm :)