𝗔 𝗣𝗿𝗮𝗰𝘁𝗶𝗰𝗮𝗹 𝗖𝗿𝗼𝘀𝘀-𝗕𝗿𝗼𝘄𝘀𝗲𝗿 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 𝗖𝗵𝗲𝗰𝗸𝗹𝗶𝘀𝘁
ایک لے آؤٹ ایک براؤزر میں مکمل طور پر درست نظر آ سکتا ہے اور دوسرے میں بگڑ سکتا ہے۔ ایک تنگ اسکرین والا سستا Android فون یا 125% زوم والا پرانا لیپ ٹاپ آپ کے ڈیزائن کو خراب کر سکتا ہے۔
ٹیسٹنگ کو محض ایک غیر واضح آخری مرحلے کے طور پر نہ لیں۔ اسے ایک مخصوص چیک لسٹ کے طور پر اپنائیں۔
ان خطرے والے حصوں پر توجہ دیں:
- فارمز اور ان پٹس (Forms and inputs)
- نیویگیشن مینیو (Navigation menus)
- لے آؤٹ میں تبدیلی (Layout shifts)
- فونٹ لوڈنگ (Font loading)
- JavaScript کے تعاملات (JavaScript interactions)
ہر ایک براؤزر کو ٹیسٹ کرنے کی کوشش کرنا چھوڑ دیں۔ اس سے وقت ضائع ہوتا ہے۔ اس کے بجائے ایک مختصر میٹرکس (lean matrix) استعمال کریں:
- ڈیسک ٹاپ پر ایک Chromium براؤزر
- ایک Safari ماحول
- ایک Firefox ماحول
- ایک Android فون
- ایک iPhone
اپنی ٹیسٹنگ کو اس طرح ترتیب دیں جیسے لوگ حقیقت میں آپ کی پروڈکٹ استعمال کرتے ہیں۔ ضروری نہیں کہ ایک پیج ہر جگہ بالکل ایک جیسا نظر آئے۔ اسے استعمال کے قابل، پڑھنے کے قابل اور مستحکم ہونا چاہیے۔
آپ کی چیک لسٹ میں یہ شامل ہونا چاہیے:
- براؤزر اور OS
- ویو پورٹ کی چوڑائی (Viewport width)
- زوم لیول (Zoom level)
- مخصوص یوزر فلو (Specific user flows)
فہرست کو مختصر رکھیں۔ اگر ایک ٹیسٹ میں آدھا دن لگتا ہے، تو آپ کی ٹیم اسے چھوڑ دے گی۔ ایک اچھی جانچ کا وقت ایک گھنٹے سے کم ہونا چاہیے۔
ڈھانچے (structure) سے آغاز کریں۔ اپنے ہوم پیج، مواد کے صفحات اور فارمز کو چیک کریں۔ اپنی ونڈو کا سائز ڈیسک ٹاپ سے موبائل کی چوڑائی تک تبدیل کریں۔ زوم ان کریں۔ ان مسائل پر نظر رکھیں:
- بٹن جو عجیب طریقے سے مڑ (wrap) جاتے ہیں
- ہیڈنگز جو کٹ جاتی ہیں
- افقی اسکرولنگ (Horizontal scrolling)
- اسٹکی ہیڈرز جو مواد کو چھپا دیتے ہیں
- ماڈلز (Modals) جو اہم کنٹرولز کو چھپا دیتے ہیں
اگلا مرحلہ، تعاملات (interactions) کو ٹیسٹ کریں۔ براؤزرز فارمز کو مختلف طریقے سے ہینڈل کرتے ہیں۔ ٹیکسٹ ان پٹس، پاس ورڈ مینیجرز، ڈیٹ پکرز اور فائل اپ لوڈز کو ٹیسٹ کریں۔ چیک کریں کہ آٹو فل (autofill) آپ کے لے آؤٹ پر کیسے اثر انداز ہوتا ہے۔
JavaScript پر مبنی اجزاء جیسے ٹیبز (tabs)، ایکارڈینز (accordions) اور سرچ تجاویز کو ٹیسٹ کریں۔ ہو سکتا ہے کہ پیج کنسول میں کوئی غلطی نہ دکھائے لیکن پھر بھی کوئی بٹن کام نہ کر رہا ہو۔
آخر میں، اپنی سائٹ کا اسٹریس ٹیسٹ (stress test) کریں:
- اپنی نیٹ ورک اسپیڈ کو کم (throttle) کریں
- اپنا کیشے (cache) ڈس ایبل کریں
- ان پٹ فیلڈز میں بہت طویل متن استعمال کریں
- اوور فلو (overflow) چیک کرنے کے لیے معمول سے زیادہ آئٹمز لوڈ کریں
بہترین چیک لسٹ بورنگ ہوتی ہے۔ اسے پاس یا فیل کی ایک سادہ فہرست ہونا چاہیے۔ جب بھی آپ کوئی ریلیز کریں، اسے استعمال کریں۔ جب کوئی بگ پروڈکشن میں چلا جائے، تو اس مخصوص ناکامی کو اپنی چیک لسٹ میں شامل کر لیں۔
چیک لسٹ صرف اسی صورت میں مفید ہے اگر یہ وہ یاد رکھے جو آپ کی ٹیم بھول گئی ہو۔
ماخذ: https://dev.to/graceholloway_/a-practical-cross-browser-testing-checklist-1p6a