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

ஒரு நடைமுறை குறுக்கு-உலாவி சோதனைப் பட்டியல்

ஒரு தளத்தின் அமைப்பு (layout) ஒரு உலாவியில் சரியாகத் தெரியலாம், ஆனால் மற்றொரு உலாவியில் சிதைந்து போகலாம். குறுகிய திரையுடைய மலிவான ஆண்ட்ராய்டு போன் அல்லது 125% ஜூம் செய்யப்பட்ட பழைய லேப்டாப் ஆகியவை உங்கள் வடிவமைப்பைச் சிதைத்துவிடக்கூடும்.

சோதனையை ஒரு தெளிவற்ற இறுதிப் பரிசோதனையாகக் கருதாதீர்கள். அதை ஒரு குறிப்பிட்ட சரிபார்ப்புப் பட்டியலாக (checklist) அணுகுங்கள்.

அதிக ஆபத்துள்ள பகுதிகளில் கவனம் செலுத்துங்கள்:

• படிவங்கள் மற்றும் உள்ளீடுகள் (Forms and inputs)
• வழிசெலுத்தல் மெனுக்கள் (Navigation menus)
• தள அமைப்பு மாற்றங்கள் (Layout shifts)
• எழுத்துரு ஏற்றுதல் (Font loading)
• JavaScript தொடர்புகள் (JavaScript interactions)

ஒவ்வொரு உலாவியையும் சோதிக்க முயற்சிப்பதை நிறுத்துங்கள். அது நேரத்தை வீணடிக்கும். அதற்குப் பதிலாக ஒரு சுருக்கமான மேட்ரிக்ஸைப் (lean matrix) பயன்படுத்துங்கள்:

• டெஸ்க்டாப்பில் ஒரு Chromium உலாவி
• ஒரு Safari சூழல்
• ஒரு Firefox சூழல்
• ஒரு ஆண்ட்ராய்டு போன்
• ஒரு iPhone

மக்கள் உங்கள் தயாரிப்பை உண்மையில் எவ்வாறு பயன்படுத்துகிறார்கள் என்பதைப் பொறுத்து உங்கள் சோதனையைத் திட்டமிடுங்கள். ஒரு பக்கம் எல்லா இடங்களிலும் ஒரே மாதிரியாகத் தெரிய வேண்டிய அவசியமில்லை. அது பயன்படுத்தக்கூடியதாகவும், வாசிக்கக்கூடியதாகவும் மற்றும் நிலையானதாகவும் இருக்க வேண்டும்.

உங்கள் சரிபார்ப்புப் பட்டியலில் இவை இருக்க வேண்டும்:

• உலாவி மற்றும் OS
• வியூபோர்ட் அகலம் (Viewport width)
• ஜூம் அளவு (Zoom level)
• குறிப்பிட்ட பயனர் ஓட்டங்கள் (Specific user flows)

பட்டியலைச் சுருக்கமாக வைத்திருங்கள். ஒரு சோதனைக்கு அரை நாள் எடுத்தால், உங்கள் குழு அதைத் தவிர்த்துவிடும். ஒரு சிறந்த விரைவுச் சோதனை ஒரு மணி நேரத்திற்கும் குறைவாகவே இருக்க வேண்டும்.

கட்டமைப்பிலிருந்து தொடங்குங்கள். உங்கள் முகப்புப் பக்கம் (homepage), உள்ளடக்கப் பக்கங்கள் மற்றும் படிவங்களைச் சோதியுங்கள். உங்கள் விண்டோவை டெஸ்க்டாப்பிலிருந்து மொபைல் அகலத்திற்கு மாற்றவும். ஜூம் செய்யவும். பின்வரும் சிக்கல்களைக் கவனியுங்கள்:

• விசித்திரமாகத் தெரியும் பட்டன்கள் (Buttons that wrap awkwardly)
• துண்டிக்கப்படும் தலைப்புகள் (Headings that get cut off)
• கிடைமட்ட ஸ்க்ரோலிங் (Horizontal scrolling)
• உள்ளடக்கத்தை மறைக்கும் ஸ்டிக்கி ஹெடர்கள் (Sticky headers covering content)
• முக்கியமான கட்டுப்பாடுகளை மறைக்கும் மோடல்கள் (Modals that hide important controls)

அடுத்து, தொடர்புகளைச் (interactions) சோதியுங்கள். உலாவிகள் படிவங்களை வெவ்வேறு விதமாக கையாளுகின்றன. டெக்ஸ்ட் இன்புட்கள், பாஸ்வேர்ட் மேனேஜர்கள், டேட் பிக்கர்கள் மற்றும் ஃபைல் அப்லோட்களைச் சோதியுங்கள். ஆட்டோஃபில் (autofill) உங்கள் தள அமைப்பை எவ்வாறு பாதிக்கிறது என்பதைச் சரிபார்க்கவும்.

டேப்கள் (tabs), அக்கார்டியன்கள் (accordions) மற்றும் தேடல் பரிந்துரைகள் (search suggestions) போன்ற JavaScript-அதிகமுள்ள கூறுகளைச் சோதியுங்கள். ஒரு பக்கத்தில் கன்சோலில் (console) பிழைகள் எதுவும் தெரியாமல் இருக்கலாம், ஆனால் ஒரு பட்டன் வேலை செய்யாமல் இருக்கலாம்.

இறுதியாக, உங்கள் தளத்தை அழுத்தச் சோதனை (stress test) செய்யுங்கள்:

• உங்கள் நெட்வொர்க் வேகத்தைக் குறைக்கவும் (Throttle)
• கேச்-ஐ (cache) முடக்குங்கள்
• உள்ளீட்டுப் புலங்களில் மிக நீண்ட உரையைப் பயன்படுத்தவும்
• ஓவர்ஃப்ளோவைச் (overflow) சரிபார்க்க வழக்கத்தை விட அதிகப் பொருட்களை ஏற்றவும்

சிறந்த சரிபார்ப்புப் பட்டியல் சலிப்பூட்டுவதாக இருக்கும். அது எளிமையான 'பாஸ் அல்லது ஃபெயில்' (pass or fail) பட்டியலாக இருக்க வேண்டும். நீங்கள் ஒவ்வொரு முறை வெளியிடும் போதும் (release) இதைப் பயன்படுத்துங்கள். ஒரு பிழை தயாரிப்புச் சூழலுக்குள் (production) நுழைந்தால், அந்த குறிப்பிட்டத் தோல்வியைச் சரிபார்ப்புப் பட்டியலில் சேர்த்துக் கொள்ளுங்கள்.

உங்கள் குழு எதை மறந்ததோ அதை ஒரு சரிபார்ப்புப் பட்டியல் நினைவில் வைத்திருந்தால் மட்டுமே அது பயனுள்ளதாக இருக்கும்.

ஆதாரம்: https://dev.to/graceholloway_/a-practical-cross-browser-testing-checklist-1p6a