একটি ব্যবহারিক ক্রস-ব্রাউজার টেস্টিং চেকলিস্ট
একটি লেআউট Chrome-এ নিখুঁত মনে হতে পারে, কিন্তু একটি বাজেট অ্যান্ড্রয়েড ফোন বা ১২৫% জুম করা কোনো পুরনো ল্যাপটপে তা ভেঙে যেতে পারে।
টেস্টিংকে একটি অস্পষ্ট শেষ ধাপ হিসেবে গণ্য করবেন না। এটিকে একটি পুনরাবৃত্তিযোগ্য চেকলিস্ট হিসেবে বিবেচনা করুন।
প্রতিটি ডিভাইস এবং প্রতিটি ব্রাউজার পরীক্ষা করা সময়ের অপচয়। এর পরিবর্তে আপনার একটি সংক্ষিপ্ত বা 'লিন' (lean) ম্যাট্রিক্স প্রয়োজন।
এই প্রয়োজনীয় বিষয়গুলো বেছে নিন:
- ডেস্কটপে একটি Chromium ব্রাউজার
- একটি Safari এনভায়রনমেন্ট
- একটি Firefox এনভায়রনমেন্ট
- একটি Android ফোন
- একটি iPhone
মানুষ আপনার পণ্যটি যেভাবে ব্যবহার করে, সেই অনুযায়ী আপনার টেস্টিং সাজান। একটি পেজকে সব জায়গায় হুবহু একরকম দেখানোর প্রয়োজন নেই। এটি ব্যবহারযোগ্য, পঠনযোগ্য এবং স্থিতিশীল থাকা জরুরি।
আপনার চেকলিস্টটি ছোট রাখুন। এটি সম্পন্ন করতে যদি অর্ধেক দিন সময় লাগে, তবে আপনার টিম এটি এড়িয়ে যাবে। এক ঘণ্টার একটি দ্রুত পরীক্ষা করা অনেক ভালো।
গঠন (structure) দিয়ে শুরু করুন:
- হোমপেজ, কন্টেন্ট পেজ এবং ফর্মগুলো পরীক্ষা করুন।
- চওড়া ডেস্কটপ থেকে সরু মোবাইল উইডথ বা প্রস্থে রিসাইজ করে দেখুন।
- বাটনগুলো ভেঙে যাচ্ছে কি না বা হেডিংগুলো কেটে যাচ্ছে কি না তা দেখতে জুম ইন করুন।
- হরিজন্টাল স্ক্রলিং বা কন্টেন্ট ঢেকে ফেলা স্টিকি হেডার (sticky headers) আছে কি না তা খেয়াল করুন।
এরপর, ইন্টারঅ্যাকশনগুলো পরীক্ষা করুন:
- উপর থেকে নিচে স্ক্রল করুন।
- মেনু খুলুন এবং মোডাল (modals) ট্রিগার করুন।
- কিবোর্ড ব্যবহার করে পেজের বিভিন্ন অংশে ট্যাব (tab) করে যান।
- টেক্সট ইনপুট, ডেট পিকার এবং ফাইল আপলোডের মাধ্যমে ফর্মগুলো পরীক্ষা করুন।
- অটোফিল (autofill) আপনার লেআউট নষ্ট করছে কি না তা পরীক্ষা করুন।
JavaScript কম্পোনেন্টগুলো পরীক্ষা করুন:
- অ্যাকর্ডিয়ন (accordions), ট্যাব এবং সার্চ সাজেশনগুলো পরীক্ষা করুন।
- টাইমিং সংক্রান্ত সমস্যাগুলো খেয়াল করুন, যেখানে কোনো স্ক্রিপ্ট বাটনের সাথে যুক্ত হতে ব্যর্থ হয়।
- পেজ রিলোড এবং ব্যাক-বাটন (back-button) এর আচরণ পরীক্ষা করুন।
সবশেষে, সীমানার ওপর স্ট্রেস টেস্ট (stress test) করুন:
- আপনার নেটওয়ার্ক স্পিড কমিয়ে (throttle) দেখুন।
- আপনার ক্যাশ (cache) ডিজেবল করুন।
- ইনপুট ফিল্ডে দীর্ঘ টেক্সট স্ট্রিং ব্যবহার করুন।
- বড় টেবিল বা অনেকগুলো কার্ড লেআউটকে কীভাবে প্রভাবিত করে তা পরীক্ষা করুন।
সেরা চেকলিস্ট হলো একঘেয়ে। এটি সহজ 'পাস' বা 'ফেল' বক্সের মাধ্যমে আপনার রিলিজ প্রসেসের সাথে মানিয়ে যাওয়ার মতো হওয়া উচিত।
প্রতিবার যখন কোনো বাগ (bug) প্রোডাকশনে চলে যায়, সেটি আপনার তালিকায় যোগ করুন। একটি চেকলিস্ট তখনই তার প্রকৃত মূল্য পায় যখন এটি আপনার টিমের ভুলে যাওয়া বিষয়গুলো মনে করিয়ে দেয়।
উৎস: https://dev.to/graceholloway_/a-practical-cross-browser-testing-checklist-1p6a