בשביל להכיר את ה-Qunit, עלינו תחילה להכיר את המושג בדיקות יחידה (Unit Tests) , בדיקות יחידה הן בדיקות אוטומטיות ברמת יחידת המערכת הקטנה ביותר (מודול) , הן הנכתבות על ידי מפתח התוכנה או איש בדיקות בעל רקע תכנותי ומאמתות את פעילותה התקינה של היחידה. בדיקות אלו מבוצעות במהלך תהליך הפיתוח של הפרוייקט כך שבזמן זה, במידה ומוצאים באג, עלות תיקונו אינה גבוהה ביוחד. בדיקות היחידה מספקות סיכום חד משמעי שהמודול עומד בתנאים בהם הוא אמור לעמוד.
במאמר זה אציג ואדגים כיצד נוכל לעבוד עם ה-Framework הזה, אילו יכולות יש לו וכמה קל ופשוט לעבוד איתו.
בשלב הראשון ניצור דף HTML נקי, ניתן לעשות זאת עם NotePad פשוט, מעבד תמלילים או כל IDE שאתם רגילים לעבוד איתו, בדוגמא שלי כאן, אכתוב ואציג את הקבצים עם Visual Studio.
לקישור ישיר לאתר, הקישו כאן.
בדוגמא שלנו, לקחתי פונקציה די פשוטה המקבלת מספר שלם ובודקת האם הוא זוגי. במידה וכן, הבדיקה עברה בהצלחה, במידה ולא, הבדיקה תציג לנו על המסך כשלון.
את הפונקציה הזו נכניס לקובץ שלנו myProject.js, כאן ישבו כל הפונקציות עליהם נרצה להפעיל את הבדיקות.
ל-QUnit יש לא מעט מתודות אשר יודעות לבדוק תוצאות, תנאים וערכים. אנחנו נתחיל אם הראשונה ואחת מהפשוטות ביותר להבנה , מתודת ה-OK.
מתודת OK מקבלת 2 פרמטרים, פרמטר ראשון זהו התנאי שאמור להתקיים, ופרמטר שני זוהי ההודעה אותה אני רוצה להציג על המסך.
הפונקציה מקבלת 2 מספרים, מחזירה את תוצאת החיבור ביניהם ומכניסה אותם למשתנה.
Same דומה ל-Equal בכך שהיא משווה בין שניים. אך בניגוד ל-Equal ב-Same יודעת להשוות גם בין מערכים ואובייקטים. ובהכרח ה-Same משתמשת ב-===.
יכולת מאוד חזקה ומאוד בסיסית של ה-QUnit היא להשתמש בפונקציות א-סינכרוניות, שזה אומר פונקציות שלא יחלו לפעול מיד, אלא בתזמון מסויים.
שימו לב כי השתמשנו פה במתודת ()Stop בכדי להשהות את הבדיקה , ורק אחרי שה-Assertion של ה-OK התבצעה נחזיר את הריצה עם מתודת ()Start .