صفحه ۴۶ از ۴۹، رویه‌های پیشرفته (SOP)
SOP: حلقه‌ی اعتبارسنجی با Chrome DevTools
وقتی کار رابط کاربری به تعامل واقعی در زمان اجرا بستگی دارد و تصویر صفحه، وضعیت DOM و خروجی کنسول مهم‌تر از بازبینی کد به‌تنهایی است، از این رویه استفاده کنید.
هدف#
اعتبارسنجی رابط کاربری را به یک حلقه‌ی تعاملی تکرارپذیر تبدیل کنید که ایجنت تا پاک شدن کل مسیر کاربر آن را اجرا کند.
حلقه‌ی اصلی#
- صفحه یا نمونه‌ی برنامه‌ی هدف را انتخاب کنید.
- نویز قدیمی کنسول را پاک کنید.
- وضعیت «قبل» را ثبت کنید.
- مسیر رابط کاربری را اجرا کنید.
- رویدادهای زمان اجرا را هنگام تعامل مشاهده کنید.
- وضعیت «بعد» را ثبت کنید.
- اصلاح را اعمال کنید و در صورت نیاز برنامه را دوباره راه بیندازید.
- اعتبارسنجی را تکرار کنید تا مسیر پاک شود.
ورودی‌های لازم#
- یک دستور راه‌اندازی پایدار
- یک مسیر کاربر تکرارپذیر
- راهی برای snapshot گرفتن از DOM، کنسول یا تصویر صفحه
- قاعده‌ای برای اینکه چه چیزی «پاک» حساب می‌شود
رویه‌ی اجرا#
- مسیر هدف را در برنامه‌ی اجرایی فعال بنویسید.
- موفقیت را با معیارهای قابل مشاهده تعریف کنید: متن وجود دارد، دکمه فعال است، خطا رفته، کنسول پاک است، درخواست موفق بوده.
- پیش از تعامل از وضعیت اولیه snapshot بگیرید.
- هر بار دقیقاً یک مسیر را اجرا کنید.
- رویدادهای زمان اجرا، تغییرات DOM و خروجی قابل مشاهده را ثبت کنید.
- اگر مسیر شکست خورد، کوچک‌ترین لایه‌ی مسئول را اصلاح و برنامه را راه‌اندازی مجدد کنید.
- همان مسیر را دوباره اجرا کنید و شواهد قبل و بعد را مقایسه کنید.
معیارهای «پاک»#
- وضعیت قابل مشاهده‌ی مورد انتظار وجود دارد
- خطای غیرمنتظره‌ای نیست
- نویز کنسول شناخته‌شده است یا پاک شده
- اجرای دوباره‌ی همان مسیر همان نتیجه را می‌دهد
مصنوعاتی که باید به‌روز شوند#
- برنامه‌ی اجرایی فعال
docs/RELIABILITY.md، اگر آن مسیر به «مسیر طلایی» تبدیل شد- مشخصات محصول، اگر رفتار قابل مشاهده عوض شد