ഒരു പ്രായോഗിക ക്രോസ്-ബ്രൗസർ ടെസ്റ്റിംഗ് ചെക്ക്ലിസ്റ്റ്
ഒരു ലേഔട്ട് ക്രോമിൽ (Chrome) മികച്ചതായി കാണപ്പെട്ടേക്കാം, എന്നാൽ ഒരു ബജറ്റ് ആൻഡ്രോയിഡ് ഫോണിലോ അല്ലെങ്കിൽ 125% സൂം ചെയ്ത പഴയ ലാപ്ടോപ്പിലോ അത് തകരാറിലാകാൻ സാധ്യതയുണ്ട്.
ടെസ്റ്റിംഗിനെ ഒരു അവ്യക്തമായ അവസാന ഘട്ടമായി കാണരുത്. പകരം, അത് ആവർത്തിക്കാവുന്ന ഒരു ചെക്ക്ലിസ്റ്റായി പരിഗണിക്കുക.
എല്ലാ ഉപകരണങ്ങളും എല്ലാ ബ്രൗസറുകളും പരിശോധിക്കുന്നത് സമയം പാഴാക്കുന്ന കാര്യമാണ്. അതിനുപകരം നിങ്ങൾക്ക് ലളിതമായ ഒരു മാട്രിക്സ് (matrix) ആവശ്യമാണ്.
ഇവ പ്രധാനമായും തിരഞ്ഞെടുക്കുക:
- ഡെസ്ക്ടോപ്പിൽ ഒരു ക്രോമിയം (Chromium) ബ്രൗസർ
- ഒരു സഫാരി (Safari) എൻവയോൺമെന്റ്
- ഒരു ഫയർഫോക്സ് (Firefox) എൻവയോൺമെന്റ്
- ഒരു ആൻഡ്രോയിഡ് ഫോൺ
- ഒരു ഐഫോൺ (iPhone)
ആളുകൾ നിങ്ങളുടെ ഉൽപ്പന്നം യഥാർത്ഥത്തിൽ എങ്ങനെ ഉപയോഗിക്കുന്നു എന്നതിനനുസരിച്ച് നിങ്ങളുടെ ടെസ്റ്റിംഗിനെ ക്രമീകരിക്കുക. ഒരു പേജ് എല്ലാ സ്ഥലങ്ങളിലും ഒരേപോലെ ഇരിക്കണമെന്നില്ല. എന്നാൽ അത് ഉപയോഗിക്കാൻ എളുപ്പമുള്ളതും, വായിക്കാൻ കഴിയുന്നതും, സ്ഥിരതയുള്ളതുമായിരിക്കണം.
നിങ്ങളുടെ ചെക്ക്ലിസ്റ്റ് ചെറുതായി സൂക്ഷിക്കുക. ഇത് പൂർത്തിയാക്കാൻ അരദിവസം എടുക്കുകയാണെങ്കിൽ, നിങ്ങളുടെ ടീം ഇത് ഒഴിവാക്കിയേക്കാം. ഒരു മണിക്കൂർ കൊണ്ട് വേഗത്തിൽ പരിശോധിക്കുന്നത് ആണ് നല്ലത്.
ഘടനയിൽ നിന്ന് തുടങ്ങുക:
- ഹോംപേജ്, ഉള്ളടക്ക പേജുകൾ, ഫോമുകൾ എന്നിവ പരിശോധിക്കുക.
- വീതിയുള്ള ഡെസ്ക്ടോപ്പിൽ നിന്ന് ഇടുങ്ങിയ മൊബൈൽ വീതിയിലേക്ക് സൈസ് മാറ്റുക (Resize).
- ബട്ടണുകൾ വരി മാറുന്നുണ്ടോ (wrapped) അല്ലെങ്കിൽ ഹെഡിംഗുകൾ മുറിഞ്ഞുപോകുന്നുണ്ടോ (clipped) എന്ന് പരിശോധിക്കാൻ സൂം ചെയ്യുക.
- ഹൊറിസോണ്ടൽ സ്ക്രോളിംഗോ ഉള്ളടക്കം മറയ്ക്കുന്ന സ്റ്റിക്കി ഹെഡറുകളോ ഉണ്ടോ എന്ന് ശ്രദ്ധിക്കുക.
അടുത്തതായി, ഇന്ററാക്ഷനുകൾ (interactions) പരിശോധിക്കുക:
- മുകളിൽ നിന്ന് താഴേക്ക് സ്ക്രോൾ ചെയ്യുക.
- മെനുകൾ തുറക്കുക, മോഡലുകൾ (modals) പ്രവർത്തിപ്പിക്കുക.
- കീബോർഡ് ഉപയോഗിച്ച് പേജിലൂടെ ടാബ് (Tab) ചെയ്യുക.
- ടെക്സ്റ്റ് ഇൻപുട്ടുകൾ, ഡേറ്റ് പിക്കറുകൾ, ഫയൽ അപ്ലോഡുകൾ എന്നിവ ഉപയോഗിച്ച് ഫോമുകൾ പരിശോധിക്കുക.
- ഓട്ടോഫിൽ (autofill) നിങ്ങളുടെ ലേഔട്ടിനെ ബാധിക്കുന്നുണ്ടോ എന്ന് പരിശോധിക്കുക.
ജാവാസ്ക്രിപ്റ്റ് (JavaScript) ഘടകങ്ങൾ പരിശോധിക്കുക:
- അക്കോർഡിയനുകൾ (accordions), ടാബുകൾ, സെർച്ച് സജഷനുകൾ എന്നിവ പരിശോധിക്കുക.
- ഒരു സ്ക്രിപ്റ്റ് ബട്ടണുമായി ബന്ധിപ്പിക്കുന്നതിൽ പരാജയപ്പെടുന്ന ടൈമിംഗ് പ്രശ്നങ്ങൾ ശ്രദ്ധിക്കുക.
- പേജ് റീലോഡുകളും ബാക്ക്-ബട്ടൺ (back-button) പ്രവർത്തനങ്ങളും പരിശോധിക്കുക.
അവസാനമായി, പരിധികളെ ടെസ്റ്റ് ചെയ്യുക (stress test):
- നെറ്റ്വർക്ക് വേഗത കുറച്ചു പരിശോധിക്കുക (Throttle).
- കാഷെ (cache) ഡിസേബിൾ ചെയ്യുക.
- ഇൻപുട്ട് ഫീൽഡുകളിൽ നീളമുള്ള ടെക്സ്റ്റ് ഉപയോഗിക്കുക.
- വലിയ ടേബിളുകളോ കൂടുതൽ കാർഡുകളോ ലേഔട്ടിനെ എങ്ങനെ ബാധിക്കുന്നു എന്ന് പരിശോധിക്കുക.
ഏറ്റവും മികച്ച ചെക്ക്ലിസ്റ്റ് വിരസമായ ഒന്നായിരിക്കണം. ലളിതമായ പാസ് (pass) അല്ലെങ്കിൽ ഫെയിൽ (fail) ബോക്സുകളിലൂടെ അത് നിങ്ങളുടെ റിലീസ് പ്രക്രിയയുടെ ഭാഗമാകണം.
ഓരോ തവണയും ഒരു ബഗ് പ്രൊഡക്ഷനിലേക്ക് എത്തുമ്പോഴും അത് നിങ്ങളുടെ ലിസ്റ്റിൽ ചേർക്കുക. നിങ്ങളുടെ ടീം മറന്നുപോയ കാര്യങ്ങൾ ഓർമ്മിപ്പിക്കുമ്പോഴാണ് ഒരു ചെക്ക്ലിസ്റ്റ് അതിന്റെ മൂല്യം തെളിയിക്കുന്നത്.
സ്രോതസ്സ്: https://dev.to/graceholloway_/a-practical-cross-browser-testing-checklist-1p6a