تست طراحی یک جنبه حیاتی از اطمینان از کیفیت (QA) برای برنامه‌های وب و موبایل است. این شامل تأیید کردن آن است که طرح، طراحی و عناصر بصری یک برنامه به درستی و به طور مداوم در دستگاه‌ها، اندازه‌های صفحه، مرورگرها و رزولوشن‌های مختلف ظاهر میشود.
موردی که باعث شد من این مورد رو در اینجا مطرح کنم این بود که در سایت دیجی پی که این چند وقت تبلیغ زیادی میکرد برای دریافت وام و خرید قسطی من چند تا مورد دیدم که 2 موردش رو در ادامه مطرح میکنم، البته از انجایی که احتمال زیاد فشار برای ارایه این خدمت بالا بوده این چند تا مورد از دست تیم تست رد شده.
موارد زیر چند تا از ایتم های مهم layout testing هستند که بهتر در این لینک توضیح داده شده ولی من به طور خلاصه چند تا رو در زیر مطرح میکنم.
سازگاری با مرورگرهای مختلف: مهندسان QAباید اطمینان حاصل کنند که Layout برنامه به طور یکسان در مرورگرهای وب مختلف مانند Chrome، Firefox، Safariو Edge ظاهر می شود. هر مرورگر ممکن است HTMLو CSS را کمی متفاوت رندر کند، که در صورت عدم آزمون صحیح، منجر به مشکلات طرح بندی می شود.
تست Responsive Design: با انتشار برنامه بر روی دستگاه‌های تلفن همراه و تبلت، ضروری است که تست کنید چگونه صفحات برنامه با اندازه‌ها و جهت‌های مختلف صفحه سازگاری دارد. مهندسان کنترل کیفیت با استفاده از ابزارهایی مانند ابزارهای توسعه دهنده مرورگر، شبیه‌سازها یا دستگاه‌های واقعی (که من به شخصه توصیه میکنم تست بر روی دستگاه های واقعی باشد) برای بررسی Responsive Design Testing بهتر است اقدام کنند.
تست Viewport: تأیید کردن اینکه Layoutبرنامه به درستی با اندازه‌های مختلف Viewport سازگار است، برای اطمینان از تجربه کاربری بی‌دردسر بسیار حیاتی است. مهندسان کنترل کیفیت Viewport را با تغییر اندازه پنجره‌های مرورگر یا استفاده از ابزارهای شبیه‌سازی Viewport را تست می‌کنند.
تست دقیق پیکسل: مهندسان کنترل کیفیت برنامه، Layoutsطراحی را با طرح‌های mockapp )یک تصویر یا طراحی از یک اپلیکیشن، صفحه وب یا محصول است که نشان می‌دهد چگونه نتیجه نهایی ممکن است به نظر برسد)مقایسه کرده و اطمینان حاصل می‌کنند که همه چیز دقیقاً مطابق با پیکسل‌ها است. هر ناهماهنگی در ترازبندی، فضا، تایپوگرافی یا عناصر بصری شناسایی و برطرف میشود.
تأیید CSS و HTML: تأیید کد CSS و HTML اطمینان حاصل میکند که Layouts بر اساس استانداردهای وب ساخته شده است. مهندسان QA از ابزارهای تأیید استفاده می‌کنند تا syntax errors ، عناصر منسوخ شده و مسائل دسترسی که ممکن است بر پایداری طرح تأثیر بگذارد، بررسی کنند.
تست Localization: انجام تست بر روی Layout با زبان‌ها و مناطق مختلف به شناسایی هر گونه مشکل گسترش یا تقارن متن که ممکن است بر طراحی و طرح کلی تاثیر بگذارد، کمک میکند. مهندسان کنترل کیفیت اطمینان حاصل می‌شوند که طرح برنامه سلامتی خود را حفظ میکند هنگامی که به زبان‌های مختلف ترجمه شود.
تست Accessibility: اطمینان از اینکه Layout برنامه قابل دسترسی برای کاربران معلولان است، بخشی اساسی از تست Layout است. مهندسان QAاطمینان حاصل می‌کنند که با استانداردهای دسترسی‌پذیری (مانند WCAG) سازگاری وجود دارد تا تمام کاربران بتوانند به طور موثر با طراحی برنامه تعامل کنند.که متاسفانه در ایران توجهی به این موضوع نمیشود.
درسایت دیجی پی و در آدرسزمانی که مرورگر کروم است وقتی سایز صفحه 100% باشد نمایش آیتم های فروش مناسب نیست در حالی که در Microsoft Edge سایز صفحه 100% نمایش آیتم های فروش درست است.
در این صفحه لینکی که بر روی تصویر خرید اقساطی گوشی های سامسونگ شکسته و کاربر به صفحه migmig.affilio.ir/api/v1/Click/WDu48 فرستاده میشود و "ErrorCode": -2118, را مشاهده میکند.
