ദൃശ്യ പരിശോധന - UI Testing Inspector

തെറ്റായ അലാറങ്ങളില്ലാതെ വിഷ്വൽ ടെസ്റ്റിംഗ്. ബേസ്‌ലൈനുമായി താരതമ്യം ചെയ്യുന്നു, ഡൈനാമിക് ഉള്ളടക്കം അവഗണിക്കുന്നു. 100% ലോക്കൽ.

ദൃശ്യ റിഗ്രഷനുകൾ കണ്ടെത്തുന്ന ഒരു എക്സ്റ്റൻഷൻ. യഥാർത്ഥ മാറ്റങ്ങൾ കാണിക്കുകയും ബാക്കിയെല്ലാം സംബന്ധിച്ച് മൗനം പാലിക്കുകയും ചെയ്യുന്നു. നിങ്ങളുടെ പേജിന്റെ ഒരു ബേസ്‌ലൈൻ എടുക്കുക. മാറ്റങ്ങൾ വരുത്തുക. "Compare" ക്ലിക്ക് ചെയ്യുക. യഥാർത്ഥത്തിൽ മാറിയത് മാത്രം റിപ്പോർട്ടിൽ കാണിക്കും. റിപ്പോർട്ട് വൃത്തിയായി നിലനിൽക്കുന്നത് എന്തുകൊണ്ട് 🔸 എക്സ്റ്റൻഷൻ നിങ്ങളുടെ പേജ് ബേസ്‌ലൈനുമായി താരതമ്യം ചെയ്യുന്നു. രൂപകൽപ്പനയുടെ ഭാഗമായിരുന്ന ഓവർലാപ്പുകൾ പിഴവുകളായി കണക്കാക്കില്ല. 🔸 കാരൗസലുകൾ, ബാനറുകൾ, ടൈമറുകൾ, പരസ്യങ്ങൾ എന്നിവ സ്വയമേവ കണ്ടെത്തി ഒഴിവാക്കുന്നു. ഒന്നും ക്രമീകരിക്കേണ്ടതില്ല. 🔸 യഥാർത്ഥ വെബ്‌സൈറ്റുകളിൽ പരീക്ഷിച്ചത്. പിക്സൽ ഉപകരണങ്ങളിലെ ആയിരക്കണക്കിന് തെറ്റായ കണ്ടെത്തലുകൾ ഇവിടെ പൂജ്യമായി മാറുന്നു. സ്വകാര്യത സ്ക്രീൻഷോട്ടുകളും ഡാറ്റയും നിങ്ങളുടെ കമ്പ്യൂട്ടർ വിട്ടുപോകില്ല. ക്ലൗഡ് ഇല്ല, അക്കൗണ്ട് ഇല്ല, സബ്സ്ക്രിപ്ഷൻ ഇല്ല. റിപ്പോർട്ടിൽ എന്തൊക്കെയുണ്ട് 🔸 ഒറ്റ വരിയിലെ വിധി. പേജ് ശരിയാണോ എന്ന് ഉടനടി കാണാം. 🔸 ലളിതമായ ഭാഷയിൽ കണ്ടെത്തലുകൾ. ഉദാഹരണത്തിന്, "ഒരു ബ്ലോക്ക് ഒരു ബട്ടണെ മറയ്ക്കുന്നു". ഓരോന്നിനും ഒരു സ്ക്രീൻഷോട്ട് ഭാഗവും ഹൈലൈറ്റും ഉണ്ടാകും. 🔸 ടെക്സ്റ്റ് മാറ്റങ്ങൾ. മുമ്പും ശേഷവും, മാറിയ വാക്കുകൾ ഹൈലൈറ്റ് ചെയ്തിരിക്കും. 🔸 ബേസ്‌ലൈനും നിലവിലെ പതിപ്പും താരതമ്യം ചെയ്യാൻ ഒരു സ്ലൈഡർ, കൂടാതെ ഒരു വ്യത്യാസ മാപ്പും. 🔸 എല്ലാ സ്ക്രീൻഷോട്ടുകളും അടങ്ങിയ റിപ്പോർട്ട് ഒറ്റ ഫയലായി എക്സ്പോർട്ട് ചെയ്യുക. ക്ലയന്റിനോ സഹപ്രവർത്തകനോ അയക്കുക. എക്സ്റ്റൻഷൻ ഇല്ലാതെ തന്നെ ഇത് തുറക്കും. റെസ്പോൺസീവ് ഓഡിറ്റ് 📱 നിങ്ങളുടെ പേജ് 320, 768, 1024, 1440 px അല്ലെങ്കിൽ സ്വന്തം വീതികളിൽ പരിശോധിക്കുക. ലേഔട്ട് എവിടെ തകരുന്നു എന്ന് റിപ്പോർട്ട് കാണിക്കും, ഓരോ വലുപ്പത്തിനും ഒരു സ്ക്രീൻഷോട്ട് ഉൾപ്പെടും. ഇതും ചെയ്യാം 🔸 പേജ് മുഴുവനും പകർത്തുക, സ്ക്രോൾ ചെയ്താൽ മാത്രം കാണുന്ന ഭാഗം ഉൾപ്പെടെ 🔸 മുറിഞ്ഞ ടെക്സ്റ്റും കണ്ടെയ്നറിന് പുറത്തേക്ക് തള്ളിനിൽക്കുന്ന ബ്ലോക്കുകളും കണ്ടെത്തുക 🔸 വിവരണമില്ലാത്ത ചിത്രങ്ങൾ പോലുള്ള ആക്സസിബിലിറ്റി പ്രശ്നങ്ങൾ അടയാളപ്പെടുത്തുക 🔸 അവസാനത്തെ 10 റിപ്പോർട്ടുകൾ സൂക്ഷിക്കുക. എപ്പോൾ വേണമെങ്കിലും ഏതും വീണ്ടും തുറക്കുക ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നു 1️⃣ നിങ്ങളുടെ പേജ് തുറന്ന് ഒരു ബേസ്‌ലൈൻ എടുക്കുക 2️⃣ കോഡും ഉള്ളടക്കവും മാറ്റുക 3️⃣ "Compare with baseline" ക്ലിക്ക് ചെയ്യുക. റിപ്പോർട്ട് പുതിയ ടാബിൽ തുറക്കും 4️⃣ പുതിയ പതിപ്പ് ഇഷ്ടപ്പെട്ടോ? ഒറ്റ ക്ലിക്കിൽ ബേസ്‌ലൈൻ അപ്ഡേറ്റ് ചെയ്യുക ആർക്കൊക്കെ ഉപകാരപ്പെടും ➡️ ഫ്രണ്ട്എൻഡ് ഡെവലപ്പർമാർ. കമ്മിറ്റ് ചെയ്യുന്നതിന് മുമ്പ് റിഗ്രഷനുകൾ കണ്ടെത്തുക ➡️ QA എഞ്ചിനീയർമാർ. CI-യോ സെറ്റപ്പോ ഇല്ലാതെ വിഷ്വൽ പരിശോധന ➡️ ഫ്രീലാൻസർമാരും ഏജൻസികളും. ക്ലയന്റുകൾക്ക് ഒറ്റ ഫയൽ റിപ്പോർട്ട് അയക്കുക ➡️ ഡിസൈനർമാർ. നടപ്പാക്കൽ മോക്കപ്പുമായി വേഗത്തിൽ ഒത്തുനോക്കുക ചോദ്യങ്ങളും ഉത്തരങ്ങളും ❓ കാരൗസലുകൾ, പരസ്യങ്ങൾ, ക്ലോക്കുകൾ എന്നിവയുടെ കാര്യമോ? 💬 എക്സ്റ്റൻഷൻ ഡൈനാമിക് ഉള്ളടക്കം സ്വയമേവ കണ്ടെത്തി താരതമ്യത്തിൽ നിന്ന് ഒഴിവാക്കുന്നു. ❓ എന്റെ ഡാറ്റ സുരക്ഷിതമാണോ? 💬 അതെ. എല്ലാം നിങ്ങളുടെ ബ്രൗസറിൽ മാത്രം സംഭരിക്കുകയും പ്രോസസ്സ് ചെയ്യുകയും ചെയ്യുന്നു. ❓ ഇത് localhost-ൽ പ്രവർത്തിക്കുമോ? 💬 അതെ. പ്രാദേശിക വികസനത്തിന് ഇത് മികച്ചതാണ്. ❓ എനിക്ക് അക്കൗണ്ടോ സെറ്റപ്പോ വേണോ? 💬 വേണ്ട. എക്സ്റ്റൻഷൻ ഇൻസ്റ്റാൾ ചെയ്ത് ബട്ടൺ ക്ലിക്ക് ചെയ്യുക.