@extra/humanize/dist/mouse/helper.js

A plugin for playwright & puppeteer to humanize inputs (mouse movements)

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.installHelper = void 0;
const contentScript = () => {
    window.addEventListener('DOMContentLoaded', () => {
        const box = document.createElement('p-mouse-pointer');
        const styleElement = document.createElement('style');
        styleElement.innerHTML = `
        p-mouse-pointer {
          pointer-events: none;
          position: absolute;
          top: 0;
          z-index: 10000;
          left: 0;
          width: 20px;
          height: 20px;
          background: rgba(0,0,0,.4);
          border: 1px solid white;
          border-radius: 10px;
          margin: -10px 0 0 -10px;
          padding: 0;
          transition: background .2s, border-radius .2s, border-color .2s;
        }
        p-mouse-pointer.button-1 {
          transition: none;
          background: rgba(0,0,0,0.9);
        }
        p-mouse-pointer.button-2 {
          transition: none;
          border-color: rgba(0,0,255,0.9);
        }
        p-mouse-pointer.button-3 {
          transition: none;
          border-radius: 4px;
        }
        p-mouse-pointer.button-4 {
          transition: none;
          border-color: rgba(255,0,0,0.9);
        }
        p-mouse-pointer.button-5 {
          transition: none;
          border-color: rgba(0,255,0,0.9);
        }
        p-mouse-pointer-hide {
          display: none
        }
      `;
        document.head.appendChild(styleElement);
        document.body.appendChild(box);
        document.addEventListener('mousemove', event => {
            box.style.left = String(event.pageX) + 'px';
            box.style.top = String(event.pageY) + 'px';
            box.classList.remove('p-mouse-pointer-hide');
            updateButtons(event.buttons);
        }, true);
        document.addEventListener('mousedown', event => {
            updateButtons(event.buttons);
            box.classList.add('button-' + String(event.which));
            box.classList.remove('p-mouse-pointer-hide');
        }, true);
        document.addEventListener('mouseup', event => {
            updateButtons(event.buttons);
            box.classList.remove('button-' + String(event.which));
            box.classList.remove('p-mouse-pointer-hide');
        }, true);
        document.addEventListener('mouseleave', event => {
            updateButtons(event.buttons);
            box.classList.add('p-mouse-pointer-hide');
        }, true);
        document.addEventListener('mouseenter', event => {
            updateButtons(event.buttons);
            box.classList.remove('p-mouse-pointer-hide');
        }, true);
        /* eslint-disable */
        function updateButtons(buttons) {
            for (let i = 0; i < 5; i++) {
                // @ts-ignore
                box.classList.toggle('button-' + String(i), buttons & (1 << i));
            }
        }
    }, false);
};
const installHelper = async (page, env) => {
    if (env.isPuppeteerPage(page)) {
        return await page.evaluateOnNewDocument(contentScript);
    }
    if (env.isPlaywrightPage(page)) {
        return await page.addInitScript(contentScript);
    }
    throw new Error('Unsupported driver');
};
exports.installHelper = installHelper;
//# sourceMappingURL=helper.js.map