ריכזנו כאן כמה מושגים ומידע נוסף שיכולים לעזור לכם בתהליך פיתוח הבדיקות.
Vitest ככלי להרצת בדיקות
Vitest הוא מסגרת ו-runner לבדיקות שפופולריות שלו הולכת וגדלה. בקורס הזה משתמשים בו בכל פעם שנדרשות דוגמאות ספציפיות, אבל חלק גדול מהדוגמאות הן גנריות וחלות על כל מסגרת שבה בחרתם.
לרוב ה-runners או מסגרות הבדיקה יש הרבה דברים משותפים, והקורס הזה שימושי ללא קשר לסטאק שבחרתם. בחרנו להתמקד ב-Vitest מכמה סיבות:
הוא מודרני וקל מאוד להגדיר אותו, בניגוד למנהלי בדיקות אחרים. הוא מבוסס על כלי ה-build של Vite, אבל עדיין עובד עם פרויקטים קיימים.
בנוסף, יש לו תמיכה נהדרת בעבודה עם מודולים של EcmaScript (ESM), כולל יצירת מודלים (mock) לייבוא שלם. יש בו כמה נקודות שצריך, אבל הוא יציב יותר מכלים אחרים.
והחשוב מכל, הוא מציג ממשק API תואם ברוב המקרים ל-Jest, כנראה ה-runner הפופולרי ביותר. אבל עדיין, המבנה והקיבוץ של הבדיקות בדרך כלל דומים בכל מסגרת שבה אתם משתמשים. תכונות מתקדמות יותר, כמו דמויי בדיקה מורכבים, נוטים לסטות קצת יותר. בקורס הזה נעשה שימוש ב-Vitest כדי לתאר אותם, אבל תמיד מתוארת גם הפתרון הכללי.
React בתור מודל רכיב
הקורס הזה כולל דוגמאות קוד כלליות לבדיקה של JavaScript פשוט, למשל פונקציות מתמטיות, אבל הוא עובר במהירות לבדיקה של רכיבי React, ולאחר מכן כולל רכיבי אינטרנט באופן כללי ושימוש ב-Lit. בקורס הזה נעשה שימוש גם ב-Next.js.
זוהי בחירה פרקטית. למרות הביקורות, React היא המסגרת הנפוצה ביותר בקרב המשתתפים בסקר State of JS.