ఒక ఆచరణాత్మక క్రాస్-బ్రౌజర్ టెస్టింగ్ చెక్లిస్ట్
ఒక లేఅవుట్ Chromeలో పరిపూర్ణంగా కనిపించవచ్చు, కానీ తక్కువ ధర కలిగిన Android ఫోన్ లేదా 125% జూమ్ ఉన్న పాత లాప్టాప్లో విచ్ఛిన్నం కావచ్చు.
టెస్టింగ్ను ఒక అస్పష్టమైన చివరి దశగా పరిగణించవద్దు. దానిని పునరావృతమయ్యే (repeatable) చెక్లిస్ట్గా పరిగణించండి.
ప్రతి పరికరాన్ని మరియు ప్రతి బ్రౌజర్ను టెస్ట్ చేయడం వల్ల సమయం వృథా అవుతుంది. దానికి బదులుగా మీకు ఒక లీన్ మ్యాట్రిక్స్ (lean matrix) అవసరం.
ఈ ముఖ్యమైన వాటిని ఎంచుకోండి:
- డెస్క్టాప్లో ఒక Chromium బ్రౌజర్
- ఒక Safari ఎన్విరాన్మెంట్
- ఒక Firefox ఎన్విరాన్మెంట్
- ఒక Android ఫోన్
- ఒక iPhone
ప్రజలు మీ ఉత్పత్తిని (product) వాడే విధానాన్ని బట్టి మీ టెస్టింగ్ను రూపొందించుకోండి. ఒక పేజీ అన్ని చోట్లా ఒకేలా కనిపించాల్సిన అవసరం లేదు. అది ఉపయోగించడానికి వీలుగా (usable), చదవడానికి వీలుగా (readable) మరియు స్థిరంగా (stable) ఉండాలి.
మీ చెక్లిస్ట్ను క్లుప్తంగా ఉంచండి. దానిని పూర్తి చేయడానికి అరరోజు సమయం పడితే, మీ టీమ్ దానిని వదిలేస్తుంది. ఒక గంటలో పూర్తయ్యే తనిఖీ (sweep) మెరుగైనది.
నిర్మాణంతో (structure) ప్రారంభించండి:
- హోమ్పేజీ, కంటెంట్ పేజీలు మరియు ఫారమ్లను తనిఖీ చేయండి.
- వెడల్పాటి డెస్క్టాప్ నుండి ఇరుకైన మొబైల్ వెడల్పుల వరకు రీసైజ్ చేయండి.
- బటన్లు వంగిపోవడం (wrapped) లేదా హెడ్డింగ్లు కత్తిరించబడటం (clipped) వంటివి తనిఖీ చేయడానికి జూమ్ చేయండి.
- కంటెంట్ను కప్పివేసే హారిజాంటల్ స్క్రోలింగ్ లేదా స్టిక్కీ హెడర్లను గమనించండి.
తర్వాత, ఇంటరాక్షన్లను (interactions) టెస్ట్ చేయండి:
- పై నుండి కిందకు స్క్రోల్ చేయండి.
- మెనూలను ఓపెన్ చేయండి మరియు మోడల్స్ (modals) ట్రిగ్గర్ చేయండి.
- కీబోర్డ్ ఉపయోగించి పేజీలో ట్యాబ్ చేయండి.
- టెక్స్ట్ ఇన్పుట్లు, డేట్ పిక్కర్లు మరియు ఫైల్ అప్లోడ్లతో ఫారమ్లను టెస్ట్ చేయండి.
- ఆటోఫిల్ (autofill) మీ లేఅవుట్ను దెబ్బతీస్తుందో లేదో తనిఖీ చేయండి.
JavaScript భాగాలను (components) టెస్ట్ చేయండి:
- అకార్డియన్లు (accordions), ట్యాబ్లు మరియు సెర్చ్ సజెషన్లను తనిఖీ చేయండి.
- స్క్రిప్ట్ బటన్కు సరిగ్గా అటాచ్ అవ్వడంలో వచ్చే టైమింగ్ సమస్యలను గమనించండి.
- పేజీ రీలోడ్లు మరియు బ్యాక్-బటన్ ప్రవర్తనను టెస్ట్ చేయండి.
చివరగా, పరిమితులను స్ట్రెస్ టెస్ట్ (stress test) చేయండి:
- మీ నెట్వర్క్ వేగాన్ని తగ్గించి (throttle) చూడండి.
- మీ క్యాచీని (cache) డిసేబుల్ చేయండి.
- ఇన్పుట్ ఫీల్డ్లలో పొడవైన టెక్స్ట్ స్ట్రింగ్లను ఉపయోగించండి.
- పెద్ద టేబుల్లు లేదా ఎక్కువ కార్డ్లు లేఅవుట్ను ఎలా ప్రభావితం చేస్తాయో తనిఖీ చేయండి.
ఉత్తమమైన చెక్లిస్ట్ అనేది బోరింగ్గా ఉండాలి. అది మీ రిలీజ్ ప్రాసెస్లో సింపుల్ పాస్ లేదా ఫెయిల్ బాక్స్లతో కలిసిపోవాలి.
ప్రతిసారి బగ్ ప్రొడక్షన్లోకి వెళ్ళినప్పుడు, దానిని మీ జాబితాకు జోడించండి. మీ టీమ్ మర్చిపోయిన వాటిని ఒక చెక్లిస్ట్ గుర్తుంచుకున్నప్పుడే దానికి విలువ వస్తుంది.
Source: https://dev.to/graceholloway_/a-practical-cross-browser-testing-checklist-1p6a