Testing
Percy är ett verktyg för att lägga till visuell testning i webbappar, statiska sajter, style guides eller komponentbibliotek. Verktyget jämför skärmdumpar mellan versioner för att upptäcka oavsiktliga visuella förändringar innan de når produktion.
Besök percy.ioPercy (percy.io) är ett verktyg för visuell testning (visual testing/visual regression testing) som läggs till i webbappar, statiska sajter, stilguider eller komponentbibliotek. Det tar skärmdumpar (snapshots) av gränssnittet vid olika tillfällen och jämför dem automatiskt för att upptäcka oavsiktliga visuella förändringar - till exempel att en CSS-ändring flyttar en knapp eller bryter ett layout. Verktyget integreras typiskt i CI/CD-pipelines så att visuella diffar granskas som en del av kodgranskningen, parallellt med funktionella tester. Det förutsätter en existerande testkörning (t.ex. via Cypress eller Storybook) som Percy hakar in i för att generera skärmdumparna. Enligt källan ingår obegränsat antal teammedlemmar, en demo-app och obegränsat antal projekt i gratistiern, med en gräns på 5 000 snapshots per månad. Det passar team som redan har automatiserade tester och vill lägga till ett visuellt säkerhetsnät utan att skriva pixel-för-pixel-jämförelser manuellt.
Obegränsat antal teammedlemmar, en demoapp, obegränsat antal projekt, samt 5 000 snapshots per månad.
Upptäcker när CSS- eller komponentbiblioteksändringar oavsiktligt flyttar, döljer eller bryter UI-element.
Visuella diffar granskas som en del av kodgranskningen i CI, innan ändringar mergas till huvudgrenen.
Säkerställer designkonsistens över tid på statiska webbplatser och delade komponent-/stilguider.
Verifierar att komponenter ser korrekta ut över olika skärmstorlekar och tillånd, utan manuell pixelgranskning.
Percy konkurrerar med andra verktyg för visuell testning i samma katalog, som Argos (öppen källkod, gratis för open source-projekt, 5 000 skärmdumpar/månad) och Lost Pixel (visuell regressionstestning för Storybook/Ladle/Histoire, gratis för open source). Lastest erbjuder AI-stödd visuell verifiering med en gratisnivå på 1 projekt och 500 körminuter/månad. Percy skiljer sig genom att vara mer etablerat och brett integrerbart över projekttyper, medan Argos och Lost Pixel riktar sig tydligare mot open source-team.
Källan anger en gratistier med obegränsade projekt och medlemmar men en gräns på 5 000 snapshots/månad. För högre volym krävs sannolikt en betald plan - verifiera direkt hos leverantören.
Källan anger inget om self-hosting - verifiera direkt hos leverantören.
Ja, Percy läggs till ovanpå en existerande testkörning (t.ex. Cypress eller Storybook) för att ta skärmdumparna - det är inte ett fristående testramverk.
Med obegränsade projekt och medlemmar passar gratistiern i teorin båda, men 5 000 snapshots/månad kan bli en snäv gräns för stora projekt med många sidor.
Enligt källan: webbappar, statiska sajter, stilguider och komponentbibliotek.
SIAX perspektiv
Att projekt och teammedlemmar är obegränsade men snapshots begränsade till 5 000 i månaden gör Percy väl lämpat för att sprida ut visuell testning över flera mindre projekt, snarare än att köra tät, högfrekvent snapshot-testning på ett enda stort projekt. I praktiken bör man räkna på hur många snapshots varje CI-körning genererar - antal sidor gånger antal viewports gånger antal körningar - för att se om 5 000 i månaden räcker, eller om betalplan blir nödvändig när testsviten växer.
Osäker på vad ni behöver?
Ett kostnadsfritt första samtal - vi går igenom er stack och vad som faktiskt behövs innan ni betalar för något.
Boka samtal