Mouse Helper

A tool to show mouse position and status for screenshots in automation test such as Puppeteer or Playwright

Install

npm i mouse-helper

Preview Online

https://cenfun.github.io/mouse-helper/

Preview Screenshots

screenshot mouse move(20, 50)

screenshot mouse down

screenshot mouse none (mouse never moved)

Usage

require("mouse-helper")();

Browser Usage

<script src="dist/mouse-helper.js"></script>
<script>
    window['mouse-helper']();
</script>

see /public/index.html

Playwright Usage

const { chromium } = require('playwright');

const browser = await chromium.launch();

const context = await browser.newContext();
await context.addInitScript({
    path: './node_modules/mouse-helper/dist/mouse-helper.js'
});

const page = await context.newPage();
await page.goto("your page url");

await page.evaluate(() => {
     window['mouse-helper']();
});

await page.mouse.move(20, 50);
await page.screenshot({
    path: "your screenshot path"
});

await page.mouse.down();
await page.screenshot({
    path: "your screenshot path"
});

await page.mouse.up();

see /scripts/test.js