extension ExtPose

విజువల్ టెస్టింగ్ - UI Testing Inspector

CRX id

begcddgpiamjkanbgdcihlbfdmogcloo-

Description from extension meta

వెబ్‌సైట్‌ల కోసం స్థానిక విజువల్ రిగ్రెషన్ టెస్టింగ్ - క్లౌడ్ లేకుండా UI మార్పులను విజువల్‌గా పోల్చండి మరియు DOM/CSS తేడాలను…

Image from store విజువల్ టెస్టింగ్ - UI Testing Inspector
Description from store తరచూ కోడ్ మార్చాక చిన్నచిన్న దృష్టిగోచర దోషాలు మడానికి మాన్యువల్‌గా చెక్ చేస్తూ అలసిపోయారా? UI Testing Inspector అనేది 100 % లోకల్‌గా పని-చేసే విజువల్ డిఫ్ టూల్; DOM విశ్లేషణతో పాటు పిక్సెల్-బై-పిక్సెల్ పోలికను ఇస్తుంది. ఎందుకు ఉపయోగించాలి? ⚡ 100 % లోకల్ & ప్రైవేట్ – స్క్రీన్‌షాట్‌లు, పోలిక డేటా అన్నీ మీకే; క్లౌడ్, డేటా షేరింగ్ ఏదీ లేదు ⚡ ఇన్‌స్టంట్ ఫీడ్‌బ్యాక్ – బేస్‌లైన్ తీసుకుని, కోడ్ మార్చి, వెంటనే తేడాలు చూడండి; క్విక్ రిగ్రెషన్ టెస్ట్‌లకు బెస్ట్ ⚡ పిక్సెల్-పర్ఫెక్ట్ డిటెక్షన్ – మానవ కళ్ళు మిస్ అయ్యే సూక్ష్మ మార్పులూ పట్టుకుంటాయి Key Features 🔸 One-Click Baseline – ఒకే క్లిక్‌తో “ముందు” స్క్రీన్‌షాట్ 🔸 స్పష్టమైన విజువల్ డిఫ్ రిపోర్ట్ – Before / After / Diff చిత్రాలు 🔸 DOM & CSS ఇన్‌స్పెక్షన్ – ఏ ఎలిమెంట్, ఏ ప్రాపర్టీ మారిందో లిస్టింగ్ 🔸 Viewport ↔ Full-page క్యాప్చర్ ఎంపిక 🔸 Report History – 14–15 గత రిపోర్టులు సంరక్షణ 🔸 Light / Dark థీమ్స్ Inside Detailed Report ✔️ Summary – డిఫ్ శాతం, ఎలిమెంట్ add/remove/modify కౌంట్లు ✔️ Side-by-Side – Before, After, Differences చిత్రాల సరిపోల్చు వీక్షణ ✔️ DOM & CSS Change List – రంగు, ఫాంట్, మార్జిన్ … ఏది మారిందో కోడ్-లెవల్‌గా చూపిస్తుంది What You’ll Catch ➤ లేఅవుట్ షిఫ్ట్‌లు • రాంగ్ అలైన్‌మెంట్ ➤ రంగు/స్టైల్ మార్పులు ➤ మిస్ / మూవ్ అయిన ఎలిమెంట్లు ➤ ఫాంట్, టెక్స్ట్, ఇమేజ్ తేడాలు How It Works 1️⃣ పేజీ ఓపెన్ చేసి “Set Baseline” క్లిక్ చేయండి 2️⃣ కోడ్, కంటెంట్, CSS లో మార్పులు చేయండి 3️⃣ “Compare with Baseline” – డిఫ్ రిపోర్ట్ ట్యాబ్ తెరుస్తుంది 4️⃣ Side-by-Side, Change-List ద్వారా మూడు మార్పులూ విశ్లేషించండి 5️⃣ కొత్త రూపు ఓకేనంటే “Set Baseline” తో రిఫరెన్స్ అప్‌డేట్ చేయండి Pro Tips ✨ పేజీ పూర్తిగా లోడ్ తరువాతే బేస్‌లైన్ తీయండి Full-page క్యాప్చర్‌తో सम्पూర్ణ టెస్టింగ్ అదే విండో సైజ్‌లో స్క్రీన్‌షాట్‌లు తీసుకోండి కంటెంట్ స్థిరంగా ఉన్నప్పుడు మాత్రమే క్యాప్చర్ చేయండి ✅Use Cases విజువల్ రిగ్రెషన్ టెస్టింగ్ – UI/డిజైన్ వెరిఫికేషన్ CSS రీఫ్యాక్టరింగ్  – ఫ్రంట్‌ఎండ్ టెస్ట్ వర్క్‌ఫ్లోలు Who’s It For? ➡️ Front-end Devs, QA Engineers, UI/UX Designers, Freelancers & Small Teams Why It Stands Out మాన్యువల్ Before/After స్క్రీన్‌షాట్ కష్టాలను మరిచిపోండి 📝Learning Curve 0 FAQ ❓ ఇది మార్పులు ఎలా గుర్తిస్తుంటుంది? 💬 పిక్సెల్-బై-పిక్సెల్ పోలిక + DOM/CSS స్ట్రక్చరల్ స్కాన్ ద్వంద్వ విధానం ఉపయోగిస్తాయి. ❓ నా డేటా సేఫ్ నా? 💬 అన్ని ప్రాసెసింగ్-సేవ్ 100 % బ్రౌజర్‌లోనే జరుగుతుంది. ❓ localhost లో పని చేస్తుందా? 💬 అవును, లోకల్ డెవ్ సమయంలో కూడా బాగా పనిచేస్తుంది. ❓ డైనమిక్ కంటెంట్ ఉన్నప్పుడు? 💬 యానిమేషన్‌లు పూర్తయిన తరువాత, స్థిర పరిస్థితిలో స్క్రీన్‌షాట్ తీసుకోండి.

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