𝗔 𝗣𝗿𝗮𝗰𝘁𝗶𝗰𝗮𝗹 𝗖𝗿𝗼𝘀𝘀-𝗕𝗿𝗼𝘄𝘀𝗲𝗿 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 𝗖𝗵𝗲𝗰𝗸𝗹𝗶𝘀𝘁

લેઆઉટ Chrome માં પરફેક્ટ દેખાઈ શકે છે પરંતુ બજેટ એન્ડ્રોઇડ ફોન અથવા 125% ઝૂમ સાથેના જૂના લેપટોપ પર બગડી શકે છે.

ટેસ્ટિંગને માત્ર એક અસ્પષ્ટ અંતિમ પગલા તરીકે ન જુઓ. તેને એક પુનરાવર્તિત કરી શકાય તેવી ચેકલિસ્ટ તરીકે ગણો.

દરેક ઉપકરણ અને દરેક બ્રાઉઝરનું ટેસ્ટિંગ કરવું સમયનો બગાડ છે. તેના બદલે તમારે એક લિન (lean) મેટ્રિક્સની જરૂર છે.

આ આવશ્યક બાબતો પસંદ કરો:

  • ડેસ્કટોપ પર એક Chromium બ્રાઉઝર
  • એક Safari એન્વાયરમેન્ટ
  • એક Firefox એન્વાયરમેન્ટ
  • એક Android ફોન
  • એક iPhone

લોકો ખરેખર તમારા ઉત્પાદનનો ઉપયોગ કેવી રીતે કરે છે તેના આધારે તમારા ટેસ્ટિંગનું આયોજન કરો. પેજ દરેક જગ્યાએ સમાન દેખાવું જરૂરી નથી. તે ઉપયોગી, વાંચવા યોગ્ય અને સ્થિર હોવું જોઈએ.

તમારી ચેકલિસ્ટ ટૂંકી રાખો. જો તેને ચલાવવામાં અડધો દિવસ લાગે, તો તમારી ટીમ તેને છોડી દેશે. એક કલાકનું ઝડપી નિરીક્ષણ વધુ સારું છે.

માળખા (structure) થી શરૂઆત કરો:

  • હોમપેજ, કન્ટેન્ટ પેજ અને ફોર્મ્સનું નિરીક્ષણ કરો.
  • વાઈડ ડેસ્કટોપથી સાંકડી મોબાઈલ વિડ્થ સુધી રિસાઈઝ કરો.
  • બટનો વળ્યા છે કે હેડિંગ્સ કપાઈ ગયા છે તે તપાસવા માટે ઝૂમ ઇન કરો.
  • હોરિઝોન્ટલ સ્ક્રોલિંગ અથવા કન્ટેન્ટને ઢાંકી દેતા સ્ટીકી હેડર્સ પર ધ્યાન આપો.

હવે, ઇન્ટરેક્શનનું ટેસ્ટિંગ કરો:

  • ઉપરથી નીચે સુધી સ્ક્રોલ કરો.
  • મેનૂ ખોલો અને મોડલ્સ (modals) ટ્રિગર કરો.
  • કીબોર્ડનો ઉપયોગ કરીને પેજ પર ટેબ કરો.
  • ટેક્સ્ટ ઇનપુટ્સ, ડેટ પિકર્સ અને ફાઇલ અપલોડ્સ સાથે ફોર્મ્સનું ટેસ્ટિંગ કરો.
  • ઓટોફિલ તમારા લેઆઉટને બગાડે છે કે નહીં તે તપાસો.

JavaScript ઘટકોનું ટેસ્ટિંગ કરો:

  • એકોર્ડિયન (accordions), ટેબ્સ અને સર્ચ સજેશન્સ તપાસો.
  • ટાઈમિંગની સમસ્યાઓ પર ધ્યાન આપો જ્યાં સ્ક્રિપ્ટ બટન સાથે જોડવામાં નિષ્ફળ જાય છે.
  • પેજ રીલોડ અને બેક-બટન વર્તણૂકનું ટેસ્ટિંગ કરો.

અંતે, મર્યાદાઓનું સ્ટ્રેસ ટેસ્ટિંગ કરો:

  • તમારી નેટવર્ક સ્પીડ થ્રોટલ (throttle) કરો.
  • તમારું કેશ (cache) ડિસેબલ કરો.
  • ઇનપુટ ફીલ્ડ્સમાં લાંબી ટેક્સ્ટ સ્ટ્રિંગ્સનો ઉપયોગ કરો.
  • મોટા ટેબલ અથવા ઘણા કાર્ડ્સ લેઆઉટને કેવી રીતે અસર કરે છે તે તપાસો.

શ્રેષ્ઠ ચેકલિસ્ટ કંટાળાજનક હોય છે. તે સાદા 'પાસ' અથવા 'ફેલ' બોક્સ સાથે તમારી રિલીઝ પ્રક્રિયામાં સમાઈ જવું જોઈએ.

જ્યારે પણ કોઈ બગ પ્રોડક્શનમાં પહોંચે, ત્યારે તેને તમારી યાદીમાં ઉમેરો. ચેકલિસ્ટનું મૂલ્ય ત્યારે જ વધે છે જ્યારે તે તમારી ટીમ જે ભૂલી ગઈ હોય તેને યાદ અપાવે છે.

સ્ત્રોત: https://dev.to/graceholloway_/a-practical-cross-browser-testing-checklist-1p6a