آزمایش یک برنامه وب محتوای محور
با مجموعه‌ها، منظم بمانید
ذخیره و طبقه‌بندی محتوا براساس اولویت‌های شما.
آزمایش برای اطمینان از عملکرد، کیفیت، دسترسی، امنیت و عملکرد برنامه وب مبتنی بر محتوای شما بسیار مهم است. آزمایش به شما امکان می دهد تجربه کاربر را ارزیابی کنید و تعیین کنید که آیا توسعه بیشتر لازم است یا خیر. برنامه وب شما باید استانداردهای کیفیت را داشته باشد و مطابق انتظار عمل کند.
این راهنمای تست اولیه را برای شما فراهم می کند تا برنامه وب خود را در دسترس و کاربر پسند قرار دهید.
| اجزاء |
|---|
| تضاد رنگ | اطمینان حاصل می کند که نسبت کنتراست برای خوانایی بهینه شده است. برای انواع مختلف کوررنگی و رنگ‌های اجباری کنتراست بالا تعریف شده توسط کاربر، باید بررسی‌ها انجام شود. |
| تایپوگرافی | تعیین می کند که آیا برنامه دستگاه ها و تنظیمات مختلف را در خود جای می دهد یا خیر. با استفاده از اندازه قلم نسبی و مقیاس غیر خطی، تایپوگرافی همچنان می تواند در حداکثر اندازه قابل استفاده باشد. |
| تصاویر | اطمینان حاصل می کند که تصاویر با کیفیت هستند و می توانند به سرعت بارگذاری شوند. مهم است که برای رزولوشن‌های بالاتر، بازگردانی‌های صحیح بدون شبکه و دارایی‌های بهینه‌سازی شده را بررسی کنید. |
| جهت یابی | اطمینان حاصل می کند که ناوبری واضح و قابل استفاده با ناوبری ماوس، لمسی و صفحه کلید است. بررسی api تاریخچه اطمینان حاصل می کند که پیمایش عقب و جلو نیز به درستی حفظ می شود. |
| جستجو کردن | تأخیر کم در زمان پاسخ به سؤالات را در پارامترهای پرس و جو URL و قسمت جستجو بررسی کنید. |
| فرم | اطمینان حاصل می کند که تمام فرم ها برای تکمیل و ارسال کاربر پسند هستند. در صورت لغو ارسال فرم پیش‌فرض، رویدادهای صحیح باید گوش داده شوند و برای بازنشانی صحیح فرم و محافظت در برابر ورودی‌های کاربر مخرب بررسی شوند. |
| کارایی | تضمین می کند که برنامه کارآمد و پاسخگو است، با بارگذاری سریع. این باید بخش مهمی از تست رگرسیون نیز باشد. |
ابزارهای زیادی وجود دارد که می توانید برای بررسی دسترسی به وب استفاده کنید. استفاده از روش‌های متعدد به منظور پوشش گستره مولفه‌های دسترسی مهم است. حتماً برچسب‌های ARIA، a11y در عناصر DOM، ناوبری صفحه‌کلید و استفاده از صفحه‌خوان را بررسی کنید.
فریم ورک‌های تست فرانت‌اند، مانند Jest ، Vitest ، Cypress ، Mocha یا Jasmine به شما کمک می‌کنند تا تست‌ها را کارآمد بنویسید و از توسعه مبتنی بر رفتار و آزمایش‌محور پشتیبانی کنید. با ادغام در خطوط لوله CI/CD می‌توانید تست‌های خود را خودکار کنید و به جلوگیری از اشکالات رگرسیون در commitها کمک کنید.
چارچوب‌های Runner، مانند Web Test Runner ، Playwright ، Web Driver یا Test Runner در Node.js به شما امکان می‌دهند این تست‌ها را به طور موثر اجرا کنید و از آزمایش در محیط‌ها و پلتفرم‌های مختلف پشتیبانی کنید. این یک لیست جامع نیست و بسته به چارچوبی که استفاده می کنید، ممکن است تست داخلی وجود داشته باشد.
جز در مواردی که غیر از این ذکر شده باشد،محتوای این صفحه تحت مجوز Creative Commons Attribution 4.0 License است. نمونه کدها نیز دارای مجوز Apache 2.0 License است. برای اطلاع از جزئیات، به خطمشیهای سایت Google Developers مراجعه کنید. جاوا علامت تجاری ثبتشده Oracle و/یا شرکتهای وابسته به آن است.
تاریخ آخرین بهروزرسانی 2024-10-16 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","easyToUnderstand","thumb-up"],["مشکلم را برطرف کرد","solvedMyProblem","thumb-up"],["غیره","otherUp","thumb-up"]],[["اطلاعاتی که نیاز دارم وجود ندارد","missingTheInformationINeed","thumb-down"],["بیشازحد پیچیده/ مراحل بسیار زیاد","tooComplicatedTooManySteps","thumb-down"],["قدیمی","outOfDate","thumb-down"],["مشکل ترجمه","translationIssue","thumb-down"],["مشکل کد / نمونهها","samplesCodeIssue","thumb-down"],["غیره","otherDown","thumb-down"]],["تاریخ آخرین بهروزرسانی 2024-10-16 بهوقت ساعت هماهنگ جهانی."],[[["Testing is essential for ensuring the functionality, quality, accessibility, security, and performance of your web application, ultimately enhancing user experience."],["Key components of web application testing include color contrast, typography, images, navigation, search, forms, and performance."],["Utilize a variety of accessibility testing tools and methods to cover a comprehensive range of components like ARIA labels, keyboard navigation, and screen reader compatibility."],["Leverage front-end testing frameworks such as Jest, Vitest, Cypress, Mocha, or Jasmine to efficiently write and automate tests, supporting both behavior-driven and test-driven development."],["Employ runner frameworks like Web Test Runner, Playwright, Web Driver, or Node.js's Test Runner for executing tests across multiple environments and platforms."]]],["Testing should evaluate web application accessibility, functionality, and performance. Key actions include checking color contrast for readability, ensuring relative typography scaling, and verifying image quality and load times. Navigation should be usable via mouse, touch, and keyboard. Search response times should be fast, and forms must be user-friendly with appropriate event handling. Performance, including fast load times, is vital. Multiple tools and front-end frameworks (e.g., Jest, Cypress) can aid in this process, and automation via CI/CD pipelines is recommended.\n"]]
