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

Chrome मध्ये लेआउट अगदी व्यवस्थित दिसू शकतो, परंतु बजेट अँड्रॉइड फोनवर किंवा १२५% झूम असलेल्या जुन्या लॅपटॉपवर तो बिघडू शकतो.

टेस्टिंगला केवळ एक अस्पष्ट शेवटची पायरी समजू नका. त्याला एक पुनरावृत्ती करता येण्याजोगी (repeatable) चेकलिस्ट म्हणून पहा.

प्रत्येक डिव्हाइस आणि प्रत्येक ब्राउझरवर टेस्टिंग करणे वेळेचा अपव्यय आहे. त्याऐवजी तुम्हाला एका 'लीन मॅट्रिक्स'ची (lean matrix) गरज आहे.

या महत्त्वाच्या गोष्टी निवडा:

  • डेस्कटॉपवर एक Chromium ब्राउझर
  • एक Safari वातावरण (environment)
  • एक Firefox वातावरण (environment)
  • एक Android फोन
  • एक iPhone

लोक तुमच्या उत्पादनाचा (product) प्रत्यक्षात कसा वापर करतात, त्यानुसार तुमचे टेस्टिंग प्लॅन करा. प्रत्येक ठिकाणी पेज अगदी सारखे दिसण्याची गरज नाही. ते वापरण्यायोग्य (usable), वाचण्यायोग्य (readable) आणि स्थिर (stable) असणे आवश्यक आहे.

तुमची चेकलिस्ट संक्षिप्त ठेवा. जर ती पूर्ण करण्यासाठी अर्धा दिवस लागला, तर तुमची टीम ती वगळेल. त्याऐवजी एक तासाचे वेगाने केलेले परीक्षण (sweep) अधिक चांगले आहे.

संरचनेपासून (structure) सुरुवात करा:

  • होमपेज, कंटेंट पेजेस आणि फॉर्म्स तपासा.
  • डेस्कटॉपच्या रुंद स्क्रीनपासून मोबाईलच्या अरुंद स्क्रीनपर्यंत रिसाईज (resize) करून पहा.
  • बटणे वेढली (wrapped) आहेत का किंवा हेडलाईन्स कापल्या (clipped) गेल्या आहेत का, हे पाहण्यासाठी झूम इन करा.
  • आडवे स्क्रोलिंग (horizontal scrolling) किंवा कंटेंट झाकणारे स्टिकी हेडर्स (sticky headers) तपासा.

त्यानंतर, इंटरॅक्शन्स (interactions) तपासा:

  • वरून खाली स्क्रोल करा.
  • मेनू उघडा आणि मोडाल्स (modals) ट्रिगर करा.
  • कीबोर्ड वापरून पेजवर टॅब (tab) करा.
  • टेक्स्ट इनपुट, डेट पिकर्स आणि फाईल अपलोडसह फॉर्म्स तपासा.
  • ऑटोफिलमुळे (autofill) तुमचा लेआउट बिघडतो का ते तपासा.

JavaScript कंपोनंट्स तपासा:

  • अकॉर्डियन्स (accordions), टॅब्स आणि सर्च सजेशन्स तपासा.
  • स्क्रिप्ट बटणाशी जोडण्यास (attach) अपयशी ठरल्यास उद्भवणाऱ्या टाइमिंगच्या समस्यांकडे लक्ष द्या.
  • पेज रीलोड आणि बॅक-बटणचे वर्तन (behavior) तपासा.

शेवटी, मर्यादांची स्ट्र्रेस टेस्ट (stress test) करा:

  • तुमच्या नेटवर्कचा वेग कमी (throttle) करा.
  • तुमचा कॅशे (cache) अक्षम (disable) करा.
  • इनपुट फील्डमध्ये लांब टेक्स्ट स्ट्रिंग्स वापरा.
  • मोठे टेबल्स किंवा अनेक कार्ड्स लेआउटवर कसा परिणाम करतात ते तपासा.

सर्वोत्तम चेकलिस्ट कंटाळवाणी असते. ती तुमच्या रिलीज प्रक्रियेत साध्या 'पास' किंवा 'फेल' बॉक्ससह सहज बसली पाहिजे.

जेव्हा जेव्हा एखादा बग प्रोडक्शनमध्ये (production) जातो, तेव्हा तो तुमच्या यादीत जोडा. तुमची टीम काय विसरली आहे, हे जेव्हा चेकलिस्ट लक्षात ठेवते, तेव्हाच तिचे महत्त्व सिद्ध होते.

स्रोत: https://dev.to/graceholloway_/a-practical-cross-browser-testing-checklist-1p6a