ਇੱਕ ਵਿਹਾਰਕ ਕ੍ਰਾਸ-ਬ੍ਰਾਊਜ਼ਰ ਟੈਸਟਿੰਗ ਚੈੱਕਲਿਸਟ
ਇੱਕ ਲੇਆਉਟ (layout) Chrome ਵਿੱਚ ਬਿਲਕੁਲ ਸਹੀ ਦਿਖਾਈ ਦੇ ਸਕਦਾ ਹੈ, ਪਰ ਕਿਸੇ ਸਸਤੇ Android ਫ਼ੋਨ ਜਾਂ 125% ਜ਼ੂਮ ਵਾਲੇ ਪੁਰਾਣੇ ਲੈਪਟਾਪ 'ਤੇ ਖਰਾਬ ਹੋ ਸਕਦਾ ਹੈ।
ਟੈਸਟਿੰਗ ਨੂੰ ਇੱਕ ਅਸਪਸ਼ਟ ਆਖਰੀ ਕਦਮ ਵਜੋਂ ਨਾ ਲਓ। ਇਸਨੂੰ ਇੱਕ ਦੁਹਰਾਉਣਯੋਗ ਚੈੱਕਲਿਸਟ ਵਜੋਂ ਲਓ।
ਹਰ ਡਿਵਾਈਸ ਅਤੇ ਹਰ ਬ੍ਰਾਊਜ਼ਰ ਦੀ ਟੈਸਟਿੰਗ ਕਰਨਾ ਸਮਾਂ ਬਰਬਾਦ ਕਰਦਾ ਹੈ। ਇਸ ਦੀ ਬਜਾਏ ਤੁਹਾਨੂੰ ਇੱਕ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਮੈਟ੍ਰਿਕਸ ਦੀ ਲੋੜ ਹੈ।
ਇਹਨਾਂ ਜ਼ਰੂਰੀ ਚੀਜ਼ਾਂ ਦੀ ਚੋਣ ਕਰੋ:
- ਡੈਸਕਟਾਪ 'ਤੇ ਇੱਕ Chromium ਬ੍ਰਾਊਜ਼ਰ
- ਇੱਕ Safari ਵਾਤਾਵਰਣ (environment)
- ਇੱਕ Firefox ਵਾਤਾਵਰਣ (environment)
- ਇੱਕ Android ਫ਼ੋਨ
- ਇੱਕ iPhone
ਆਪਣੀ ਟੈਸਟਿੰਗ ਨੂੰ ਇਸ ਤਰ੍ਹਾਂ ਤਿਆਰ ਕਰੋ ਕਿ ਲੋਕ ਅਸਲ ਵਿੱਚ ਤੁਹਾਡੇ ਉਤਪਾਦ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਦੇ ਹਨ। ਇੱਕ ਪੇਜ ਦਾ ਹਰ ਜਗ੍ਹਾ ਇੱਕੋ ਜਿਹਾ ਦਿਖਾਈ ਦੇਣਾ ਜ਼ਰੂਰੀ ਨਹੀਂ ਹੈ। ਇਹ ਵਰਤੋਂ ਯੋਗ, ਪੜ੍ਹਨਯੋਗ ਅਤੇ ਸਥਿਰ (stable) ਰਹਿਣਾ ਚਾਹੀਦਾ ਹੈ।
ਆਪਣੀ ਚੈੱਕਲਿਸਟ ਨੂੰ ਸੰਖੇਪ ਰੱਖੋ। ਜੇਕਰ ਇਸਨੂੰ ਚਲਾਉਣ ਵਿੱਚ ਅੱਧਾ ਦਿਨ ਲੱਗਦਾ ਹੈ, ਤਾਂ ਤੁਹਾਡੀ ਟੀਮ ਇਸਨੂੰ ਛੱਡ ਦੇਵੇਗੀ। ਇੱਕ ਘੰਟੇ ਦੀ ਜਾਂਚ ਕਰਨਾ ਬਿਹਤਰ ਹੈ।
ਢਾਂਚੇ (structure) ਨਾਲ ਸ਼ੁਰੂ ਕਰੋ:
- ਹੋਮਪੇਜ, ਕੰਟੈਂਟ ਪੇਜਾਂ ਅਤੇ ਫਾਰਮਾਂ ਦੀ ਜਾਂਚ ਕਰੋ।
- ਚੌੜੇ ਡੈਸਕਟਾਪ ਤੋਂ ਲੈ ਕੇ ਤੰਗ ਮੋਬਾਈਲ ਵਿਡਥ (widths) ਤੱਕ ਰੀਸਾਈਜ਼ (resize) ਕਰਕੇ ਦੇਖੋ।
- ਬਟਨਾਂ ਦੇ ਟੁੱਟਣ (wrapped) ਜਾਂ ਹੈਡਿੰਗਾਂ ਦੇ ਕੱਟਣ (clipped) ਦੀ ਜਾਂਚ ਕਰਨ ਲਈ ਜ਼ੂਮ ਇਨ ਕਰੋ।
- ਹੋਰੀਜ਼ੋਂਟਲ ਸਕ੍ਰੋਲਿੰਗ ਜਾਂ ਸਟਿੱਕੀ ਹੈਡਰਾਂ (sticky headers) 'ਤੇ ਨਜ਼ਰ ਰੱਖੋ ਜੋ ਕੰਟੈਂਟ ਨੂੰ ਢੱਕ ਲੈਂਦੇ ਹਨ।
ਅਗਲੇ, ਇੰਟਰੈਕਸ਼ਨਾਂ (interactions) ਦੀ ਟੈਸਟਿੰਗ ਕਰੋ:
- ਉੱਪਰ ਤੋਂ ਹੇਠਾਂ ਤੱਕ ਸਕ੍ਰੋਲ ਕਰੋ।
- ਮੇਨੂ ਖੋਲ੍ਹੋ ਅਤੇ ਮੋਡਲ (modals) ਚਲਾਓ।
- ਕੀਬੋਰਡ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪੇਜ 'ਤੇ ਟੈਬ (tab) ਕਰੋ।
- ਟੈਕਸਟ ਇਨਪੁੱਟ, ਡੇਟ ਪਿਕਰ ਅਤੇ ਫਾਈਲ ਅਪਲੋਡਾਂ ਵਾਲੇ ਫਾਰਮਾਂ ਦੀ ਟੈਸਟਿੰਗ ਕਰੋ।
- ਚੈੱਕ ਕਰੋ ਕਿ ਕੀ ਆਟੋਫਿਲ (autofill) ਤੁਹਾਡੇ ਲੇਆਉਟ ਨੂੰ ਖਰਾਬ ਕਰਦਾ ਹੈ।
JavaScript ਕੰਪੋਨੈਂਟਸ ਦੀ ਟੈਸਟਿੰਗ ਕਰੋ:
- ਅਕੋਰਡੀਅਨ (accordions), ਟੈਬਸ ਅਤੇ ਸਰਚ ਸੁਝਾਵਾਂ ਦੀ ਜਾਂਚ ਕਰੋ।
- ਟਾਈਮਿੰਗ ਦੀਆਂ ਸਮੱਸਿਆਵਾਂ 'ਤੇ ਨਜ਼ਰ ਰੱਖੋ ਜਿੱਥੇ ਕੋਈ ਸਕ੍ਰਿਪਟ ਬਟਨ ਨਾਲ ਜੁੜਨ ਵਿੱਚ ਅਸਫਲ ਰਹਿੰਦੀ ਹੈ।
- ਪੇਜ ਰੀਲੋਡ ਅਤੇ ਬੈਕ-ਬਟਨ ਵਿਵਹਾਰ ਦੀ ਟੈਸਟਿੰਗ ਕਰੋ।
ਅੰਤ ਵਿੱਚ, ਸੀਮਾਵਾਂ ਦੀ ਸਟ੍ਰੈੱਸ ਟੈਸਟਿੰਗ (stress test) ਕਰੋ:
- ਆਪਣੀ ਨੈੱਟਵਰਕ ਸਪੀਡ ਨੂੰ ਘਟਾਓ (throttle)।
- ਆਪਣਾ ਕੈਸ਼ (cache) ਡਿਸੇਬਲ ਕਰੋ।
- ਇਨਪੁੱਟ ਫੀਲਡਾਂ ਵਿੱਚ ਲੰਬੀਆਂ ਟੈਕਸਟ ਸਟ੍ਰਿੰਗਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ।
- ਚੈੱਕ ਕਰੋ ਕਿ ਵੱਡੀਆਂ ਟੇਬਲਾਂ ਜਾਂ ਬਹੁਤ ਸਾਰੇ ਕਾਰਡ ਲੇਆਉਟ ਨੂੰ ਕਿਵੇਂ ਪ੍ਰਭਾਵਿਤ ਕਰਦੇ ਹਨ।
ਸਭ ਤੋਂ ਵਧੀਆ ਚੈੱਕਲਿਸਟ ਉਹੀ ਹੁੰਦੀ ਹੈ ਜੋ ਬੋਰਿੰਗ ਹੋਵੇ। ਇਹ ਸਧਾਰਨ 'ਪਾਸ' ਜਾਂ 'ਫੇਲ' ਬਾਕਸਾਂ ਦੇ ਨਾਲ ਤੁਹਾਡੀ ਰਿਲੀਜ਼ ਪ੍ਰਕਿਰਿਆ ਵਿੱਚ ਫਿੱਟ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ।
ਹਰ ਵਾਰ ਜਦੋਂ ਕੋਈ ਬੱਗ (bug) ਪ੍ਰੋਡਕਸ਼ਨ ਵਿੱਚ ਚਲਾ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਉਸਨੂੰ ਆਪਣੀ ਸੂਚੀ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ। ਇੱਕ ਚੈੱਕਲਿਸਟ ਆਪਣੀ ਕੀਮਤ ਉਦੋਂ ਪ੍ਰਾਪਤ ਕਰਦੀ ਹੈ ਜਦੋਂ ਇਹ ਉਹਨਾਂ ਚੀਜ਼ਾਂ ਨੂੰ ਯਾਦ ਰੱਖਦੀ ਹੈ ਜੋ ਤੁਹਾਡੀ ਟੀਮ ਭੁੱਲ ਗਈ ਸੀ।
ਸਰੋਤ: https://dev.to/graceholloway_/a-practical-cross-browser-testing-checklist-1p6a