Een screenshotupdate is een reviewbeslissing.

Een screenshotcheck faalt nadat een knop verdwijnt. De referentie bijwerken maakt groen, maar kan het verdwijnen tot normaal maken. Het commando beslist niet of dat bedoeld was. Een update is een productbeslissing, geen reparatie door een beeldtool.

Deze gids volgt Playwrights screenshotdocumentatie met een verzonnen lokale kaart. Een ongewijzigde opstelling wordt gecontroleerd vergeleken. Geen productieinterface, toegankelijkheidscertificaat of prestatiemeting. Wat accepteert de nieuwe referentie?

Benoem referentie en omgeving

De assertie vergelijkt beeld en referentie. De gids beschrijft eerste generatie en latere vergelijking. Geef de gekozen weergave een naam zodat een ander beeld haar niet vervangt.

await page.setContent(`
  <main aria-label="Demo preference card">
    <h1>Demo preference</h1>
    <button>Keep demo setting</button>
  </main>
`);
await expect(page.getByRole('main')).toHaveScreenshot('demo-card.png');

Runner en geïmporteerde expect zijn vereist. Alleen een regio, niet het hele product. De demo gebruikt stabiele stijl en vast viewport. Referentiecreatie is bewust, vergelijking gebeurt in een aparte run.

Systeem, browser, instellingen, hardware en headlessmodus kunnen rendering wijzigen. Gebruik dezelfde omgeving. Een ander platform kan een eigen referentie vragen, geen grotere tolerantie die belangrijke veranderingen verbergt.

Lees verschil vóór vervanging

Bekijk verwacht, actueel en zichtbaar verschil. Een gewijzigde eis, omgevingsdrift of regressie vraagt een andere actie ondanks hetzelfde rode resultaat.

update-snapshots is gedocumenteerd. Gebruik het na begrip en toestemming in het teamproces. Nieuwe bestanden wijzigen verwacht gedrag. Werk niet alles bij om mismatches stil te krijgen.

Een verdwenen knop kan correct ontwerp of ernstige fout zijn. Pixels weten dat niet. Koppel de wijziging aan de eis en behoud een functionele check als beschikbaarheid telt.

Begrens de vergelijking eerlijk

Eén regio zegt iets over die regio en opstelling, niet over offscreeninhoud, andere viewports of serveruitkomsten. Kies per vraag, niet per gemak van groen houden.

Toleranties en screenshotstijlen verminderen ruis maar veranderen welke verschillen tellen. Benoem uitsluitingen en grenzen. Verberg nooit het te beschermen element.

We vergelijken de ongewijzigde kaart en maken een ander beeld met gewijzigde knoptekst voor inspectie. Dat wordt niet als referentie geaccepteerd. Dit toont verschil en stabiele vergelijking, geen volledige strategie.

Bewaar een beoordeelbare beslissing

Noteer weergave, omgeving, bedoelde afwijking en besluit. Bewaar geschiedenis zodat een volgende engineer de verwachting begrijpt. Verwijder privérecords vóór repositoryopslag.

AnyTest beschrijft verkenning en beoordeelbare tests. Vraag wat vergeleken wordt en wie de verwachting goedkeurde. Geen AnyTest-baselinefunctie wordt geclaimd. Het commando schrijft een bestand; de reviewer bezit de betekenis.