اشکال زدایی تست های واحد جاوا اسکریپت یک مهارت ضروری برای توسعه دهندگان است، زیرا به کشف مسائل و کسب بینش در مورد رفتار کد کمک می کند.
در حالی که عبارات console.log معمولاً برای اشکال‌زدایی استفاده می‌شوند، اشکال‌زدای داخلی VSCode یک راه قدرتمندتر و کارآمدتر برای اشکال‌زدایی تست‌های واحد ارائه می‌دهد.
این مقاله چگونگی راه‌اندازی و استفاده از دیباگر را در VSCode برای اشکال‌زدایی مؤثر تست‌های واحد جاوا اسکریپت، با استفاده از چارچوب‌های محبوب مانند Mocha و Jest به عنوان مثال، بررسی می‌کند.
فعال کردن Debugger
اولین قدم این است که دیباگر را در VSCode فعال کنید. این فرآیند به طرز قابل توجهی ساده شده است.
با باز کردن پالت فرمان و جستجوی “جاوا اسکریپت ترمینال اشکال زدایی”، توسعه دهندگان می توانند به سرعت به ترمینالی دسترسی پیدا کنند که به طور خودکار به فرآیند اشکال زدایی متصل می شود.
تنظیم نقاط شکست
نقاط انفصال در فرآیند اشکال زدایی اساسی هستند و به توسعه دهندگان این امکان را می دهند که اجرای کد خود را متوقف کنند و وضعیت آن را بررسی کنند.
برای تعیین نقطه شکست در VSCode، روی شماره خط مورد نظر در ویرایشگر کلیک کنید و یک نقطه قرمز نشان دهنده محل قرارگیری نقطه شکست است.
اجرای کد
با تنظیم نقاط شکست، گام بعدی اجرای کد حاوی تست های واحد است. این که آیا با استفاده از شروع npm یا تست اجرا npm دستورات، کد به طور معمول اجرا می شود، اما با مزیت اضافه اتصال به دیباگر.
پیمایش از طریق اجرای کد
هنگامی که اجرا به نقطه شکست می رسد، دیباگر کد را متوقف می کند و به توسعه دهندگان این فرصت را می دهد تا وضعیت فعلی آن را بررسی کنند و از آن عبور کنند.
VSCode چندین کنترل را برای این منظور ارائه می دهد.
- “Step over” به توسعه دهندگان اجازه می دهد تا به خط بعدی کد حرکت کنند و اجرا را متوقف کنند.
- “Step in” خط فعلی کد را اجرا می کند و اگر تابعی را فراخوانی کند، در ابتدای آن تابع مکث می کند.
- “Step out” خط فعلی و بقیه تابع فعلی را اجرا می کند و در خط بعدی در زمینه فراخوانی مکث می کند.
- علاوه بر این، نقاط انفصال مشخص شده همیشه اجرا را در مکان های تعیین شده خود متوقف می کند.
تماشای عبارات
برای به دست آوردن بینش بیشتر در مورد مقادیر متغیر در حین اشکال زدایی، VSCode یک ویژگی “watch” را ارائه می دهد. توسعه دهندگان می توانند عباراتی را به صفحه رفع اشکال “watch” اضافه کنند و مقادیر فعلی آنها را هنگامی که اجرا متوقف می شود نمایش دهند. این ویژگی برای ردیابی تغییرات و رفتار متغیرهای خاص بسیار ارزشمند است.
نکات اضافی
برای بهبود تجربه اشکال زدایی، نکات زیر را در نظر بگیرید:
- پیکربندی اشکال زدایی برای ماژول های گره: به‌طور پیش‌فرض، اشکال‌زدا ممکن است وارد ماژول‌های گره شخص ثالث یا موارد داخلی Node.js شود که ممکن است برای اهداف اشکال‌زدایی مرتبط نباشد. پیکربندی ارائه شده را به فایل .vscode/settings.json پروژه خود اضافه کنید تا از این فایل ها رد شوید.
- تست موکا و جست واحد: Mocha و Jest فریمورک های آزمایشی پرکاربرد برای Node.js هستند. در حالی که از بسیاری جهات مشابه هستند، اما از نظر ویژگی های گنجانده شده متفاوت هستند. موکا به کتابخانه‌های جداگانه‌ای برای تمسخر، ادعاها و پوشش کد نیاز دارد، در حالی که Jest، ادعاهای تمسخر داخلی را از طریق سراسری ارائه می‌کند. انتظار تابع، و پوشش کد داخلی با پوشش جمع آوری گزینه.
نتیجه
استفاده از اشکال‌زدای VSCode برای اشکال‌زدایی واحد جاوا اسکریپت می‌تواند توانایی توسعه‌دهنده را برای شناسایی و حل کارآمد مسائل به‌طور قابل توجهی افزایش دهد.
با تنظیم نقاط شکست، اجرای کد، و استفاده از کنترل‌هایی مانند «Step over»، «Step in» و «Step out»، توسعه‌دهندگان می‌توانند در کد خود پیمایش کنند و درک عمیقی از اجرای آن به دست آورند.
علاوه بر این، ویژگی “watch” امکان نظارت در زمان واقعی عبارات و متغیرها را فراهم می کند.
با این تکنیک ها، توسعه دهندگان می توانند بر اشکال زدایی تست واحد جاوا اسکریپت مسلط شوند و فرآیند توسعه خود را ساده کنند.
اگر این پست را هیجان‌انگیز می‌دانید، پست‌های هیجان‌انگیزتری مانند این را در بلاگ Learnhub پیدا کنید. ما همه چیزهای فنی از رایانش ابری گرفته تا Frontend Dev، Cybersecurity، AI و Blockchain را می نویسیم.
