Visuaalsed kontrollid
Võrdle reaalajas ekraani Figma kaadri või üleslaaditud ekraanipildiga käivituse osana.
Visual Compare samm kontrollib, kuidas toode välja näeb, mitte ainult seda, mida see teeb. Autonomy salvestab ekraani selles teekonna punktis ja võrdleb seda sammule lisatud viitega.
Kasuta seda seal, kus funktsionaalne kinnitus viga ei näe: kokkuvajunud paigutus, puuduv navigatsioon, komponent, mis renderdub, kuid vale kirjasuurusega, tumeda režiimi pind, mis kunagi ei lülitunud.
Viited
Iga samm saab kanda ühte või mitut viidet. Toetatud on kaks allikat:
- Figma kaader. Kleebi kaadri URL ja Autonomy renderdab selle serveripoolselt. See hoiab disaini tõeallikana — kui kaader muutub, lahenda uuesti ja baasjoon järgneb. Vajab Figma API-võtit; vaata Figma.
- Üleslaaditud ekraanipilt. PNG, JPG või WebP, kuni 25 MB. Kasuta seda, kui viide on heaks kiidetud build, mitte disain, või kui disain ei asu Figmas.
Lisa viited Test Cases → sinu testjuhtum → Visual References alt. Vali samm, seejärel Add Figma frame või Upload screenshot. Iga viide näitab oma lahendamise olekut; ebaõnnestunud viitel on uuesti lahendamise juhtelement.
Kuidas võrdlus käib
Autonomy teeb kaks läbimist ja kombineerib need:
- Deterministlik pikslierinevus salvestatud ekraani ja viite vahel.
- Nägemismudeli ülevaatus mõlemast pildist, mis tugineb viidest eraldatud disainifaktidele — kaadri geomeetria, täited hex-värvidena, tekstistiilid, nurkade raadiused ning auto-layout polsterdus ja vahed, kui viide on Figma kaader.
Teine läbimine on see, mis takistab kontrolli ebaõnnestumast ühe piksli anti-aliasing'u erinevuse tõttu, kuid tabab siiski kadunud navigatsiooni. Visuaalne võrdlus suunatakse kiirele nägemismudelile, mitte tavaliste sammude jaoks kasutatavale mudelile.
Tolerants
| Tolerants | Värvikünnis | Mittevastavuse piir | Kasuta |
|---|---|---|---|
strict | 0.03 | 0.5% | Pikslitäpsus stabiilse komponendi puhul. |
moderate (vaikimisi) | 0.10 | 2% | Paigutus ja struktuur. Õige vaikimisi lehe jaoks. |
loose | 0.20 | 5% | Üldilme, kus sisu on dünaamiline. |
Eraldi otsustab blokeerimisrežiim, mida mittevastavus käivitusele teeb:
major— ebaõnnestu sammul suurte või kriitiliste mittevastavuste korral, nagu puuduv navigatsioon või paigutuse nihe.any— ebaõnnestu igal mittevastavusel.report— salvesta leiud ja lase käivitusel jätkuda. Kasuta seda, kui lisad visuaalset katvust olemasolevasse komplekti ega soovi seda veel liitmist blokeerivaks muuta.
Vaateaken
Võrdlus on mõttekas ainult viite jaoks joonistatud vaateakna juures. Voo salvestamisel kasutatakse seadistusekraanil valitud vaateakent nii majutatud brauseri kui ka kõigi selles seanssis salvestatud Visual Compare sammude jaoks. Sea see disainiga vastavusse.
Tõendid
Visuaalne samm lisab käivituse tõenditele salvestatud ekraani, viite, erinevuse ja mudeli leiud koos ülejäänud ajajoonega. Ülevaatajad näevad, mida toode renderdas, mida see oleks pidanud renderdama ja milliseid konkreetseid erinevusi peeti oluliseks.
Tõrkeotsing
Samm raporteerib mittevastavust, mida pole
Laienda tolerantsi ühe taseme võrra või vaheta viide terve lehe pealt komponendi peale, millest tegelikult hoolid. Dünaamilise sisuga lehtede terved viited — ajatemplid, loendurid, vooelemendid — tekitavad müra igal tolerantsitasemel.
Viide ei lahendu
Figma viide vajab kehtivat API-võtit ja URL-i, mis sisaldab parameetrit node-id. Ava kaader Figmas, kopeeri selle link ja kleebi terve URL. Võtme seadistuse ja veaolekute kohta vaata Figma.
Kõik on mittevastavus
Kontrolli vaateakent. Töölaualaiusel viide, mida võrreldakse mobiilse pildiga, on definitsioonilt täielik mittevastavus ja mudel raporteerib selle sellisena.