A tool to show mouse position and status for screenshots in automation test such as Puppeteer or Playwright
npm i mouse-helperhttps://cenfun.github.io/mouse-helper/
screenshot mouse move(20, 50)
screenshot mouse down
screenshot mouse none (mouse never moved)
require("mouse-helper")();<script src="dist/mouse-helper.js"></script>
<script>
window['mouse-helper']();
</script>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