𝗔 𝗣𝗿𝗮𝗰𝘁𝗶𝗰𝗮𝗹 𝗖𝗿𝗼𝘀𝘀-𝗕𝗿𝗼𝘄𝘀𝗲𝗿 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 𝗖𝗵𝗲𝗰𝗸𝗹𝗶𝘀𝘁
ಒಂದು ಲೇಔಟ್ ಕ್ರೋಮ್ನಲ್ಲಿ (Chrome) ಪರಿಪೂರ್ಣವಾಗಿ ಕಾಣಿಸಬಹುದು, ಆದರೆ ಕಡಿಮೆ ಬೆಲೆಯ ಆಂಡ್ರಾಯ್ಡ್ ಫೋನ್ ಅಥವಾ 125% ಜೂಮ್ ಹೊಂದಿರುವ ಹಳೆಯ ಲ್ಯಾಪ್ಟಾಪ್ನಲ್ಲಿ ಅದು ಹಾಳಾಗಬಹುದು.
ಟೆಸ್ಟಿಂಗ್ ಅನ್ನು ಕೇವಲ ಒಂದು ಅಸ್ಪಷ್ಟ ಅಂತಿಮ ಹಂತ ಎಂದು ಪರಿಗಣಿಸಬೇಡಿ. ಅದನ್ನು ಪುನರಾವರ್ತಿತವಾಗಿ ಬಳಸಬಹುದಾದ ಚೆಕ್ಲಿಸ್ಟ್ ಆಗಿ ಪರಿಗಣಿಸಿ.
ಪ್ರತಿಯೊಂದು ಸಾಧನ ಮತ್ತು ಪ್ರತಿಯೊಂದು ಬ್ರೌಸರ್ ಅನ್ನು ಪರೀಕ್ಷಿಸುವುದು ಸಮಯ ವ್ಯರ್ಥ ಮಾಡುತ್ತದೆ. ಅದಕ್ಕೆ ಬದಲಾಗಿ ನಿಮಗೆ ಒಂದು ಸಂಕ್ಷಿಪ್ತ ಮ್ಯಾಟ್ರಿಕ್ಸ್ (lean matrix) ಅಗತ್ಯವಿದೆ.
ಈ ಪ್ರಮುಖ ಅಂಶಗಳನ್ನು ಆರಿಸಿ:
- ಡೆಸ್ಕ್ಟಾಪ್ನಲ್ಲಿ ಒಂದು Chromium ಬ್ರೌಸರ್
- ಒಂದು Safari ಎನ್ವಿರಾನ್ಮೆಂಟ್ (environment)
- ಒಂದು Firefox ಎನ್ವಿರಾನ್ಮೆಂಟ್ (environment)
- ಒಂದು Android ಫೋನ್
- ಒಂದು iPhone
ಜನರು ನಿಮ್ಮ ಉತ್ಪನ್ನವನ್ನು ಹೇಗೆ ಬಳಸುತ್ತಾರೆ ಎಂಬುದಕ್ಕೆ ಅನುಗುಣವಾಗಿ ನಿಮ್ಮ ಟೆಸ್ಟಿಂಗ್ ಅನ್ನು ರೂಪಿಸಿ. ಒಂದು ಪೇಜ್ ಎಲ್ಲಾ ಕಡೆಗಳಲ್ಲಿಯೂ ಒಂದೇ ರೀತಿ ಕಾಣಬೇಕೆಂದಿಲ್ಲ. ಅದು ಬಳಸಲು ಸುಲಭವಾಗಿರಲಿ (usable), ಓದಲು ಸಾಧ್ಯವಿರಲಿ (readable) ಮತ್ತು ಸ್ಥಿರವಾಗಿರಲಿ (stable).
ನಿಮ್ಮ ಚೆಕ್ಲಿಸ್ಟ್ ಅನ್ನು ಸಂಕ್ಷಿಪ್ತವಾಗಿಡಿ. ಇದನ್ನು ಪೂರ್ಣಗೊಳಿಸಲು ಅರ್ಧ ದಿನ ಬೇಕಾಗಿದ್ದರೆ, ನಿಮ್ಮ ತಂಡವು ಇದನ್ನು ನಿರ್ಲಕ್ಷಿಸಬಹುದು. ಒಂದು ಗಂಟೆಯ ಪರಿಶೀಲನೆಯೇ ಉತ್ತಮ.
ರಚನೆಯೊಂದಿಗೆ (structure) ಪ್ರಾರಂಭಿಸಿ:
- ಹೋಮ್ ಪೇಜ್, ಕಂಟೆಂಟ್ ಪೇಜ್ಗಳು ಮತ್ತು ಫಾರ್ಮ್ಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ.
- ಅಗಲವಾದ ಡೆಸ್ಕ್ಟಾಪ್ನಿಂದ ಕಿರಿದಾದ ಮೊಬೈಲ್ ಅಗಲಕ್ಕೆ ಸೈಜ್ ಬದಲಾಯಿಸಿ (resize).
- ಬಟನ್ಗಳು ಅಥವಾ ಹೆಡಿಂಗ್ಗಳು ಕತ್ತರಿಸಲ್ಪಟ್ಟಿವೆಯೇ (clipped) ಅಥವಾ ಅಸ್ತವ್ಯಸ್ತವಾಗಿವೆ ಎಂದು ಪರೀಕ್ಷಿಸಲು ಜೂಮ್ ಮಾಡಿ.
- ಕಂಟೆಂಟ್ ಅನ್ನು ಮುಚ್ಚುವಂತಹ ಹಾರಿಜಾಂಟಲ್ ಸ್ಕ್ರೋಲಿಂಗ್ (horizontal scrolling) ಅಥವಾ ಸ್ಟಿಕಿ ಹೆಡರ್ಗಳ ಬಗ್ಗೆ ಗಮನವಿರಲಿ.
ನಂತರ, ಇಂಟರಾಕ್ಷನ್ಗಳನ್ನು (interactions) ಪರೀಕ್ಷಿಸಿ:
- ಮೇಲಿನಿಂದ ಕೆಳಕ್ಕೆ ಸ್ಕ್ರೋಲ್ ಮಾಡಿ.
- ಮೆನುಗಳನ್ನು ತೆರೆಯಿರಿ ಮತ್ತು ಮಾಡಲ್ಸ್ (modals) ಅನ್ನು ಟ್ರಿಗ್ಗರ್ ಮಾಡಿ.
- ಕೀಬೋರ್ಡ್ ಬಳಸಿ ಪೇಜ್ನಲ್ಲಿ ಟ್ಯಾಬ್ (tab) ಮೂಲಕ ಚಲಿಸಿ.
- ಟೆಕ್ಸ್ಟ್ ಇನ್ಪುಟ್ಗಳು, ಡೇಟ್ ಪಿಕರ್ಗಳು ಮತ್ತು ಫೈಲ್ ಅಪ್ಲೋಡ್ಗಳೊಂದಿಗೆ ಫಾರ್ಮ್ಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ.
- ಆಟೋಫಿಲ್ (autofill) ನಿಮ್ಮ ಲೇಔಟ್ ಅನ್ನು ಹಾಳು ಮಾಡುತ್ತದೆಯೇ ಎಂದು ಪರಿಶೀಲಿಸಿ.
JavaScript ಘಟಕಗಳನ್ನು (components) ಪರೀಕ್ಷಿಸಿ:
- ಅಕಾರ್ಡಿಯನ್ಗಳು (accordions), ಟ್ಯಾಬ್ಗಳು ಮತ್ತು ಸರ್ಚ್ ಸಜೆಷನ್ಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ.
- ಸ್ಕ್ರಿಪ್ಟ್ ಬಟನ್ಗೆ ಅಟ್ಯಾಚ್ ಆಗಲು ವಿಫಲವಾಗುವಂತಹ ಸಮಯದ ಸಮಸ್ಯೆಗಳ (timing issues) ಬಗ್ಗೆ ಗಮನವಿರಲಿ.
- ಪೇಜ್ ರಿಲೋಡ್ ಮತ್ತು ಬ್ಯಾಕ್-ಬಟನ್ ವರ್ತನೆಯನ್ನು ಪರೀಕ್ಷಿಸಿ.
ಕೊನೆಯದಾಗಿ, ಮಿತಿಗಳನ್ನು ಸ್ಟ್ರೆಸ್ ಟೆಸ್ಟ್ (stress test) ಮಾಡಿ:
- ನಿಮ್ಮ ನೆಟ್ವರ್ಕ್ ವೇಗವನ್ನು ಕಡಿಮೆ ಮಾಡಿ (throttle).
- ನಿಮ್ಮ ಕ್ಯಾಶ್ (cache) ಅನ್ನು ಡಿಸೇಬಲ್ ಮಾಡಿ.
- ಇನ್ಪುಟ್ ಫೀಲ್ಡ್ಗಳಲ್ಲಿ ಉದ್ದವಾದ ಪಠ್ಯದ ಸಾಲುಗಳನ್ನು (long text strings) ಬಳಸಿ.
- ದೊಡ್ಡ ಟೇಬಲ್ಗಳು ಅಥವಾ ಹೆಚ್ಚಿನ ಕಾರ್ಡ್ಗಳು ಲೇಔಟ್ ಮೇಲೆ ಹೇಗೆ ಪರಿಣಾಮ ಬೀರುತ್ತವೆ ಎಂದು ಪರಿಶೀಲಿಸಿ.
ಅತ್ಯುತ್ತಮ ಚೆಕ್ಲಿಸ್ಟ್ ಎಂಬುದು ಸರಳವಾಗಿರಬೇಕು. ಅದು ನಿಮ್ಮ ರಿಲೀಸ್ ಪ್ರಕ್ರಿಯೆಯಲ್ಲಿ ಸರಳವಾದ 'ಪಾಸ್' (pass) ಅಥವಾ 'ಫೇಲ್' (fail) ಬಾಕ್ಸ್ಗಳೊಂದಿಗೆ ಹೊಂದಿಕೆಯಾಗಬೇಕು.
ಪ್ರತಿ ಬಾರಿ ಬಗ್ (bug) ಪ್ರೊಡಕ್ಷನ್ಗೆ ತಪ್ಪಿಹೋಗಿದಾಗ, ಅದನ್ನು ನಿಮ್ಮ ಪಟ್ಟಿಗೆ ಸೇರಿಸಿ. ನಿಮ್ಮ ತಂಡವು ಮರೆತದ್ದನ್ನು ಚೆಕ್ಲಿಸ್ಟ್ ನೆನಪಿಸಿಕೊಂಡಾಗ ಅದು ತನ್ನ ಮೌಲ್ಯವನ್ನು ಸಾಬೀತುಪಡಿಸುತ್ತದೆ.
ಮೂಲ: https://dev.to/graceholloway_/a-practical-cross-browser-testing-checklist-1p6a