extension ExtPose

Vizualus testavimas - UI Testing Inspector

CRX id

begcddgpiamjkanbgdcihlbfdmogcloo-

Description from extension meta

Vietinis vizualus regresijos testavimas svetainėms - vizualiai palyginkite UI pakeitimus ir aptikite DOM/CSS skirtumus be debesijos

Image from store Vizualus testavimas - UI Testing Inspector
Description from store Pavargote nuo rankinių vizualių klaidų tikrinimo po kiekvieno kodo pakeitimo? UI Testing Inspector yra patikimas vietinis vizualių skirtumų tikrintojas su DOM analize. Kodėl jį naudoti? ⚡ 100 % Vietinis ir privatus: visi ekrano nuotraukos ir palyginimo duomenys lieka jūsų kompiuteryje. Jokių debesijos paslaugų, jokio duomenų dalijimosi ⚡ Momentinis atsiliepimas: įdiekite plėtinį, padarykite bazinę liniją, atlikite kodo pakeitimus ir iš karto pamatykite skirtumus. Puiku greitam regresijos testavimui ⚡ Pikselių tikslus aptikimas: pagaukite net mažiausius vizualius pakeitimus, kuriuos žmogaus akis gali praleisti Pagrindinės funkcijos 🔸 Vieno spustelėjimo bazinė linija: užfiksuokite bet kurio tinklalapio „prieš“ būseną vienu spustelėjimu 🔸 Pikselių tikslūs vizualūs skirtumai: aiški ataskaita su bazine linija, dabartine būsena ir išryškintais skirtumais 🔸 Elemento tikrinimas: matykite, kas pasikeitė DOM ir CSS, ne tik kode 🔸 Viso puslapio arba matomos srities fiksavimas 🔸 Ataskaitų istorija: saugokite ir peržiūrėkite iki 15 ankstesnių ataskaitų 🔸 Šviesi ir tamsi tema patogiam žiūrėjimui dieną ar naktį Detalios ataskaitos viduje 🔍 Po kiekvieno palyginimo gaunate išsamią ataskaitą: ✔️ Santrauka: vizualaus skirtumo procentas ir pridėtų, pašalintų bei modifikuotų elementų skaičius ✔️ Greta vaizdas: „Prieš“ / „Po“ ekrano nuotraukos šalia „Skirtumų“ vaizdo ✔️ DOM & CSS pakeitimų sąrašas: tiksli pakitusių elementų informacija Ką pagausite ➤ Išdėstymo postūmiai ir nesuderinamumai ➤ Spalvų ir stilių pakeitimai ➤ Trūkstami ar perkelti elementai ➤ Šrifto ir teksto modifikacijos ➤ Paveikslėlių skirtumai Kaip tai veikia 1️⃣ Nustatykite vizualią bazinę liniją 2️⃣ Atlikite kodų pakeitimus pasitikėdami 3️⃣ Spustelėkite „Palyginti su bazine linija“ ir gaukite ataskaitą naujame skirtuke 4️⃣ Analizuokite skirtumus ir ištaisykite klaidas 5️⃣ Atnaujinkite bazinę liniją, kai esate patenkinti nauja versija Profesionalūs patarimai ✨ Palaukite, kol puslapis visiškai įsikels prieš fiksuojant bazinę liniją ✨ Naudokite viso puslapio fiksavimą išsamesniam testavimui ✨ Fotografuokite tuo pačiu naršyklės lango dydžiu tiksliam palyginimui ✨ Fiksuokite bazines linijas, kai turinys stabilus ✨ Testuokite po vieną pakeitimą aiškesniems rezultatams ✨ Išsaugokite svarbias bazines linijas prieš dideles kodo reformas Naudojimo atvejai ✅ Vizualus regresijos testavimas ✅ UI/Dizaino tikrinimas ✅ CSS refaktoringas be baimės ✅ Priekinio galo testavimo darbo eigos Kam tai sukurta? ➡️ Priekinio galo kūrėjams ➡️QA inžinieriams ➡️UI/UX dizaineriams ➡️Laisvai samdomiems ir mažoms komandoms Kodėl jis išsiskiria 🖼️ Geriau nei rankinės ekrano nuotraukos 📝 Nulinė mokymosi kreivė – jei mokate naršyti, mokėsite ir naudotis DUK ❓ Kaip aptinkami pakeitimai? 💬 Pikselis-po-pikselio palyginimas + DOM/CSS struktūrinis skenavimas. ❓ Ar mano duomenys saugūs? 💬 Taip. Viskas apdorojama ir saugoma 100 % vietoje jūsų naršyklėje. ❓ Ar veikia su localhost? 💬 Žinoma! Puikiai tinka vietinei plėtrai. ❓ Kaip su dinaminiu turiniu? 💬 Geriausi rezultatai, kai ekrano nuotraukos daromos stabilioje puslapio būsenoje.

Latest reviews

  • (2025-07-09) Дарья Петрова: Creates a full and detailed report of differences between two versions of web pages. Waiting for Visual comparison of whole page, not just viewport visible parts.

Statistics

Installs
25 history
Category
Rating
5.0 (1 votes)
Last update / version
2025-07-04 / 1.0.0
Listing languages

Links