ఒక ఆచరణాత్మక క్రాస్-బ్రౌజర్ టెస్టింగ్ చెక్లిస్ట్
ఒక బ్రౌజర్లో లేఅవుట్ పరిపూర్ణంగా కనిపిస్తుంది, కానీ మరొక దానిలో విచ్ఛిన్నం కావచ్చు. ఇరుకైన స్క్రీన్ ఉన్న బడ్జెట్ ఆండ్రాయిడ్ ఫోన్ లేదా 125% జూమ్ ఉన్న పాత లాప్టాప్ మీ డిజైన్ను పాడు చేయవచ్చు.
టెస్టింగ్ను కేవలం ఒక అస్పష్టమైన చివరి దశగా భావించకండి. దానిని ఒక నిర్దిష్టమైన చెక్లిస్ట్గా పరిగణించండి.
అధిక రిస్క్ ఉన్న అంశాలపై దృష్టి పెట్టండి:
- ఫారమ్లు మరియు ఇన్పుట్లు (Forms and inputs)
- నావిగేషన్ మెనూలు (Navigation menus)
- లేఅవుట్ షిఫ్ట్లు (Layout shifts)
- ఫాంట్ లోడింగ్ (Font loading)
- JavaScript ఇంటరాక్షన్లు (JavaScript interactions)
ప్రతి బ్రౌజర్ను టెస్ట్ చేయడానికి ప్రయత్నించడం ఆపండి. అది సమయాన్ని వృథా చేస్తుంది. దానికి బదులుగా ఒక లీన్ మ్యాట్రిక్స్ను (lean matrix) ఉపయోగించండి:
- డెస్క్టాప్లో ఒక Chromium బ్రౌజర్
- ఒక Safari ఎన్విరాన్మెంట్
- ఒక Firefox ఎన్విరాన్మెంట్
- ఒక Android ఫోన్
- ఒక iPhone
ప్రజలు మీ ఉత్పత్తిని వాడే విధానాన్ని బట్టి మీ టెస్టింగ్ను రూపొందించుకోండి. ఒక పేజీ అన్ని చోట్లా ఒకేలా కనిపించాల్సిన అవసరం లేదు. అది ఉపయోగించడానికి వీలుగా (usable), చదవడానికి వీలుగా (readable) మరియు స్థిరంగా (stable) ఉండాలి.
మీ చెక్లిస్ట్లో ఇవి ఉండాలి:
- బ్రౌజర్ మరియు OS
- వ్యూపోర్ట్ వెడల్పు (Viewport width)
- జూమ్ లెవల్
- నిర్దిష్ట యూజర్ ఫ్లోస్ (Specific user flows)
జాబితాను క్లుప్తంగా ఉంచండి. ఒక టెస్ట్కు అరరోజు సమయం పడితే, మీ టీమ్ దానిని వదిలేస్తుంది. ఒక మంచి టెస్టింగ్ ప్రక్రియ ఒక గంట కంటే తక్కువ సమయం తీసుకోవాలి.
నిర్మాణంతో (structure) ప్రారంభించండి. మీ హోమ్పేజీ, కంటెంట్ పేజీలు మరియు ఫారమ్లను తనిఖీ చేయండి. మీ విండోను డెస్క్టాప్ నుండి మొబైల్ వెడల్పు వరకు రీసైజ్ చేయండి. జూమ్ చేయండి. ఈ సమస్యల కోసం గమనించండి:
- వింతగా అమరిపోయే బటన్లు (Buttons that wrap awkwardly)
- కట్ అయిపోయే హెడింగ్లు (Headings that get cut off)
- హారిజాంటల్ స్క్రోలింగ్ (Horizontal scrolling)
- కంటెంట్ను కప్పే స్టిక్కీ హెడర్లు (Sticky headers covering content)
- ముఖ్యమైన కంట్రోల్లను దాచే మోడల్స్ (Modals that hide important controls)
తర్వాత, ఇంటరాక్షన్లను టెస్ట్ చేయండి. బ్రౌజర్లు ఫారమ్లను వేర్వేరుగా హ్యాండిల్ చేస్తాయి. టెక్స్ట్ ఇన్పుట్లు, పాస్వర్డ్ మేనేజర్లు, డేట్ పిక్కర్లు మరియు ఫైల్ అప్లోడ్లను టెస్ట్ చేయండి. ఆటోఫిల్ (autofill) మీ లేఅవుట్ను ఎలా ప్రభావితం చేస్తుందో తనిఖీ చేయండి.
ట్యాబ్లు, అకార్డియన్లు మరియు సెర్చ్ సజెషన్ల వంటి JavaScript-భారీ భాగాలను (JavaScript-heavy components) టెస్ట్ చేయండి. ఒక పేజీ కన్సోల్లో ఎటువంటి ఎర్రర్లను చూపించకపోయినా, అందులో ఒక బటన్ పనిచేయకపోవచ్చు.
చివరగా, మీ సైట్ను స్ట్రెస్ టెస్ట్ (stress test) చేయండి:
- మీ నెట్వర్క్ వేగాన్ని తగ్గించండి (Throttle your network speed)
- మీ క్యాచీని డిసేబుల్ చేయండి (Disable your cache)
- ఇన్పుట్ ఫీల్డ్లలో చాలా పొడవైన టెక్స్ట్ను ఉపయోగించండి
- ఓవర్ఫ్లోను తనిఖీ చేయడానికి సాధారణం కంటే ఎక్కువ ఐటెమ్లను లోడ్ చేయండి
ఉత్తమమైన చెక్లిస్ట్ బోరింగ్గా ఉంటుంది. అది ఒక సాధారణ పాస్ లేదా ఫెయిల్ జాబితాగా ఉండాలి. మీరు ప్రతిసారీ రిలీజ్ చేసినప్పుడు దానిని ఉపయోగించండి. ఏదైనా బగ్ ప్రొడక్షన్లోకి వెళ్ళినప్పుడు, ఆ నిర్దిష్ట వైఫల్యాన్ని మీ చెక్లిస్ట్కు జోడించండి.
మీ టీమ్ మర్చిపోయిన వాటిని గుర్తుచేస్తేనే చెక్లిస్ట్ ఉపయోగకరంగా ఉంటుంది.
మూలం: https://dev.to/graceholloway_/a-practical-cross-browser-testing-checklist-1p6a