liff-playwright-golden-refresh

Refresh Playwright golden screenshots for the LIFF archive using Dockerized Hugo.

Updated Oct 15, 2025
One-click install
npx skills add https://github.com/EdwardSalkeld/liff-archive --skill liff-playwright-golden-refresh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: liff-playwright-golden-refresh
Source: https://github.com/EdwardSalkeld/liff-archive/tree/main/skills/liff-playwright-golden-refresh
Command: npx skills add https://github.com/EdwardSalkeld/liff-archive --skill liff-playwright-golden-refresh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill automates the process of updating golden screenshots for visual regression tests, ensuring your UI remains consistent and catching unintended visual changes.

Core Features & Use Cases

  • Update Golden Screenshots: Regenerates Playwright visual regression golden screenshots.
  • Dockerized Hugo Support: Integrates seamlessly with a Dockerized Hugo development server for a consistent testing environment.
  • Connection Refused Troubleshooting: Provides guidance for resolving common connection issues.
  • Use Case: After making UI changes to the LIFF archive, use this skill to update the golden screenshots in tests/visual-regression.spec.js-snapshots/Desktop-Chrome/ and verify that the changes are as expected.

Quick Start

Use the liff-playwright-golden-refresh skill with Docker Hugo to update Playwright goldens and verify tests pass.

Frequently Asked Questions about liff-playwright-golden-refresh

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I refresh Playwright golden screenshots after making UI changes?

To refresh Playwright golden screenshots, you can automate the update process for visual regression tests using a Dockerized Hugo server. This regenerates the necessary baseline images to verify your UI changes are captured accurately.

Why does my Playwright visual regression test get a connection refused error?

A connection refused error during Playwright visual regression testing often occurs due to local server misconfigurations. You can resolve this by using a Docker fallback Hugo server to ensure a consistent and available testing environment.

Do I need Hugo installed locally to update Playwright visual regression goldens?

No, you do not need Hugo installed locally to update visual regression goldens. You can utilize a Dockerized Hugo server as a fallback to generate the required Playwright screenshots without a local installation.

What are golden screenshots used for in Playwright visual regression testing?

Golden screenshots in Playwright visual regression testing serve as the baseline images to ensure your UI remains consistent. They help catch unintended visual changes by comparing new test captures against these saved references.

Can I use Docker to run a Hugo server for Playwright visual regression tests?

Yes, you can use Docker to run a Hugo server for Playwright visual regression tests. This approach provides a consistent testing environment and automates the update of golden screenshots without requiring local dependencies.