Mask the dynamic clock in visual tests. ```bash playwright-cli screenshot --mask="header .clock" ``` Or hide it only during the screenshot: ```js await page.locator('header .clock').evaluate(el => { el.style.opacity = '0'; }); ``` Then verify comparatively: 1. **Before**: capture `snapshot --aria` and screenshot from prod/main. 2. **After**: capture the same from the fixed branch. 3. Compare the diff and check neighboring header elements for layout shift or accidental masking. 4. Repeat at mo...
Scanned 9/5/2026
Install to Claude Code
npx -y skills add HoangNguyen0403/agent-skills-standard --skill common-web-visual-testing --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Common Web Visual Testing?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/hoangnguyen0403-common-web-visual-testing-e0018413)More formats (shields.io, HTML) on the badges page.
Mask the dynamic clock in visual tests.
```bash
playwright-cli screenshot --mask="header .clock"
```
Or hide it only during the screenshot:
```js
await page.locator('header .clock').evaluate(el => {
el.style.opacity = '0';
});
```
Then verify comparatively:
1. **Before**: capture `snapshot --aria` and screenshot from prod/main.
2. **After**: capture the same from the fixed branch.
3. Compare the diff and check neighboring header elements for layout shift or accidental masking.
4. Repeat at mobile `375px` and tablet `768px`; also check the loading state for CLS.
Prefer masking the clock rather than changing production behavior.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
Use this skill when developing or maintaining browser extension code in the `browser/` directory, including Chrome/Firefox/Edge compatibility, content scripts, background scripts, or i18n updates.