آزمایش برای اطمینان از عملکرد، کیفیت، دسترسی، امنیت و عملکرد برنامه وب مبتنی بر محتوای شما بسیار مهم است. آزمایش به شما امکان می دهد تجربه کاربر را ارزیابی کنید و تعیین کنید که آیا توسعه بیشتر لازم است یا خیر. برنامه وب شما باید استانداردهای کیفیت را داشته باشد و مطابق انتظار عمل کند.
این راهنمای تست اولیه را برای شما فراهم می کند تا برنامه وب خود را در دسترس و کاربر پسند قرار دهید.
| اجزاء | |
|---|---|
| تضاد رنگ | اطمینان حاصل می کند که نسبت کنتراست برای خوانایی بهینه شده است. برای انواع مختلف کوررنگی و رنگ‌های اجباری کنتراست بالا تعریف شده توسط کاربر، باید بررسی‌ها انجام شود. |
| تایپوگرافی | تعیین می کند که آیا برنامه دستگاه ها و تنظیمات مختلف را در خود جای می دهد یا خیر. با استفاده از اندازه قلم نسبی و مقیاس غیر خطی، تایپوگرافی همچنان می تواند در حداکثر اندازه قابل استفاده باشد. |
| تصاویر | اطمینان حاصل می کند که تصاویر با کیفیت هستند و می توانند به سرعت بارگذاری شوند. مهم است که برای رزولوشن‌های بالاتر، بازگردانی‌های صحیح بدون شبکه و دارایی‌های بهینه‌سازی شده را بررسی کنید. |
| جهت یابی | اطمینان حاصل می کند که ناوبری واضح و قابل استفاده با ناوبری ماوس، لمسی و صفحه کلید است. بررسی api تاریخچه اطمینان حاصل می کند که پیمایش عقب و جلو نیز به درستی حفظ می شود. |
| جستجو کردن | تأخیر کم در زمان پاسخ به سؤالات را در پارامترهای پرس و جو URL و قسمت جستجو بررسی کنید. |
| فرم | اطمینان حاصل می کند که تمام فرم ها برای تکمیل و ارسال کاربر پسند هستند. در صورت لغو ارسال فرم پیش‌فرض، رویدادهای صحیح باید گوش داده شوند و برای بازنشانی صحیح فرم و محافظت در برابر ورودی‌های کاربر مخرب بررسی شوند. |
| کارایی | تضمین می کند که برنامه کارآمد و پاسخگو است، با بارگذاری سریع. این باید بخش مهمی از تست رگرسیون نیز باشد. |
ابزارهای زیادی وجود دارد که می توانید برای بررسی دسترسی به وب استفاده کنید. استفاده از روش‌های متعدد به منظور پوشش گستره مولفه‌های دسترسی مهم است. حتماً برچسب‌های ARIA، a11y در عناصر DOM، ناوبری صفحه‌کلید و استفاده از صفحه‌خوان را بررسی کنید.
فریم ورک‌های تست فرانت‌اند، مانند Jest ، Vitest ، Cypress ، Mocha یا Jasmine به شما کمک می‌کنند تا تست‌ها را کارآمد بنویسید و از توسعه مبتنی بر رفتار و آزمایش‌محور پشتیبانی کنید. با ادغام در خطوط لوله CI/CD می‌توانید تست‌های خود را خودکار کنید و به جلوگیری از اشکالات رگرسیون در commitها کمک کنید.
چارچوب‌های Runner، مانند Web Test Runner ، Playwright ، Web Driver یا Test Runner در Node.js به شما امکان می‌دهند این تست‌ها را به طور موثر اجرا کنید و از آزمایش در محیط‌ها و پلتفرم‌های مختلف پشتیبانی کنید. این یک لیست جامع نیست و بسته به چارچوبی که استفاده می کنید، ممکن است تست داخلی وجود داشته باشد.