PracticU

בדיקות של GUI

בלי כתוביותעם כתוביות
PracticU › קורס הכנה לראיונות עבודה QA › בדיקות של GUI
מילון מושגים:
GUI - ממשק משתמש גרפי: ממשק מבוסס חלונות, אייקונים וכפתורים, בניגוד לשורת פקודה טקסטואלית.
ממשק - נקודת מגע בין רכיבים: ממשק משתמש שבו אדם מפעיל תוכנה, או ממשק תכנותי שמגדיר אילו פעולות רכיב אחד חושף לאחר.
גופן - העיצוב הגרפי של האותיות והתווים המוצגים בטקסט, הכולל צורה, סגנון וגודל.
דרישות - התיאור של מה שמערכת או תוכנה צריכות לעשות, המשמש בסיס לפיתוח ולבדיקות.
מסד נתונים - אוסף מאורגן של נתונים המאוחסן כך שאפשר לשמור, לחפש, לעדכן ולשלוף אותו ביעילות, לרוב באמצעות שפת שאילתות.
שורת פקודה - ממשק טקסטואלי שבו מקלידים פקודות למערכת ההפעלה ומקבלים תגובה בטקסט, במקום להשתמש בעכבר.
דפדפן - תוכנה שמציגה דפי אינטרנט ומריצה את הקוד שבהם, ומאפשרת לגלוש בין אתרים, למשל Chrome או Firefox.

בדיקות של GUI
השיעור מסביר את ההבדל בין בדיקות GUI לבדיקות פונקציונליות, ומציג רשימת בדיקה לבדיקת ממשק גרפי.
השלבים העיקריים
1. בדיקת GUI: בודקים את האלמנטים שהמשתמש נפגש איתם: כפתורים, שדות, תוויות ושאר האלמנטים על המסך. מוודאים שהם פועלים ונראים כפי שנכתב במפרט, כולל צבע, גופן וגודל.
2. בדיקה פונקציונלית: מתמקדת בפונקציות המערכת לפי דרישות המפרט, ויכולה להתבצע גם בלי ממשק גרפי, למשל מול מסד נתונים או משורת פקודה.
3. דוגמה: בחיפוש בגוגל, בדיקת GUI בודקת שהלוגו ושדה החיפוש נמצאים במקום הנכון, בצבעים הנכונים, והטקסט נכון. בדיקה פונקציונלית בודקת שתוצאות החיפוש נכונות ושהתהליך מתבצע כראוי, בלי להסתכל על המסך.
4. רשימת בדיקה ל-GUI: גודל, מיקום, רוחב ואורך של שדות, קבלת תווים ומספרים, פעולה נכונה של כל אייקון, הודעות שגיאה במקום ובניסוח הנכונים, גופנים ואישור טקסט, בהירות של תמונות וצבע הודעות האזהרה.
5. רזולוציות: כדי לבדוק מיקום נכון ברזולוציות שונות, הדובר השתמש בכלי הפיתוח של הדפדפן (F12) והדמיית מכשיר.
שימו לב
בדיקות פונקציונליות כוללות בדרך כלל גם בדיקות GUI, כי המטרה היא לוודא שהמשתמש מגיע לפונקציונליות דרך הממשק.
עכשיו אפשר לבנות רשימת בדיקה ל-GUI, ולהבחין בינה לבין בדיקה פונקציונלית.

פרקי ההרצאה: בדיקות של GUI

  1. 00:00

    GUI ובדיקות פונקציונליות - הגדרות

  2. 00:57

    בדיקה פונקציונלית מול ויזואלית

  3. 01:34

    דוגמה: בדיקת דף החיפוש של גוגל

  4. 02:29

    בדיקה פונקציונלית ללא ממשק

  5. 03:31

    רשימת בדיקות GUI

  6. 04:10

    בדיקת שדות קלט וכפתורים

  7. 04:45

    הגבלת תווים לא חוקיים בשדות

תמלול ההרצאה: בדיקות של GUI

הטקסט המלא של הדקות הראשונות בהרצאה «בדיקות של GUI» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

  1. 00:02

    שלום לכולם השיעור הקרוב יעסוק ב-GUI טסטינג מול פונקצ'ונל טסטינג בדיקות ממשק גרפי של המשתמש מול בדיקות פונקציונליות של רכיב או מערכת.

  2. 00:14

    בדיקת ממשק גרפי של המשתמש GUI Graphical User Interface בתהליך זה נבדוק את האלמנטים שהמשתמש בא איתם במגע.

  3. 00:25

    במילים אחרות אנחנו נוודא שכל הכפתורים, השדות, התוויות, האלמנטים על המסך פועלים ונראים כפי שנכתב במפרט אותו מסמך אפיון System Requirements או Specification.

  4. 00:40

    עלינו לוודא שכל האלמנטים על המסך עובדים ונראים כפי שמפורט במפרט. גם צבע, גופן, גודל אלמנט ועוד דברים דומים תואמים את הייצור במפרט.

  5. 00:55

    מהי בדיקה פונקציונלית? בדיקה פונקציונלית פחות שמה את הדגש על הצד הוויזואלי שבו המשתמש נתקל, ויותר מנסה לבדוק את הפונקציות או הפונקציונליות של רכיב או מערכת באופן כללי על פי דרישות המפרט.

  6. 01:16

    בדיקה פונקציונלית לא חייבת לכלול רכיבי גוי, רכיבי ממשק גרפי של המשתמש. זאת אומרת, ניתן לבצע בדיקות פונקציונליות גם דרך רכיבי המערכת, בלי לעבור בצד שהמשתמש יראה.

  7. 01:36

    בואו נראה דוגמה קצרה. אם אני הולך לאתר גוגל, אז בבדיקת גוי אני אסתכל כמשתמש, זה הדף של גוגל ובבדיקות גוי אני אבדה באמת שהלוגו מופיע במקום הנכון מבחינת האפיון שיש לו את הצבעים הנכונים, שיש את השדה של החיפוש, שמופיע בו הטקסט הנכון, שיש את האפשרויות האלה בתפריט העליון,

  8. 02:08

    לעבור לג'ימל או לתמונות או ללכת לאיזה גוגל אפס שאני רוצה, שאני יכול לבצע איזשהו חיפוש ולחפש למצוא את התוצאה הנכונה. לעומת זאת, פונקציונלית אני לא חייב לעבוד מול המסך הזה מול דף הפתיחה של גוגל אלא אני יכול לוודא שתהליך החיפוש מתבצע בצורה תקינה ישירות מול דאטה בייס ישירות מול קומנד ליין או איזושהי

  9. 02:48

    מערכת אחרת שבודקת שבאמת כשאני מחפש את הביטוי גורו 99 מתקבלות התוצאות כפי שהלוגריתם של החיפוש של גוגל אמור לתת את התוצאות לא חשוב לי איך מוצגות התוצאות מבחינה ויזואלית בצד המשתמש אבל כן חשוב לי שהתוצאות הן נכונות שהגיעו המספר תוצאות הנכון מבחינת כמות האינדקס שגוגל

  10. 03:18

    מבצעת על דפים שהזמן שלקח היה נכון ושבעצם הכישורים שקיבלתי התקבלו בצורה נכונה. איך אנחנו מממשים בדיקות גוי הרשימת הבדיקה הבאה תבטיח בדיקות גוי מפורטת ונכונה שתשביע את רצון המנהלים מאיתנו הבודקים.

  11. 03:45

    נבדוק את כל רכיבי הגרפים שבא איתם במגע משתמש הקצה. נבדוק את הגודל, את המיקום, את הרוחב, את האורך של השדות.

  12. 04:00

    נבדוק קבלה של תווים או מספרים, למשל עלינו להיות מסוגלים לספק כניסות לשדות הקלט. מה הכוונה? שוב נחזור לאתר של גוגל ונוודא באמת שאנחנו יכולים להקיש את התווים, שגודל השדה של החיפוש, השדה המרכזי, הוא הגודל הנכון, שמופיעים בו האייקונים הנכונים,

  13. 04:30

    שאם אני מבצע לחיצה על כל אייקון ואייקון מבוצעת הפונקציונליות שאני מצפה לה לפי האפיון. לעומת זאת במערכת שמגבילה הכנסת תווים מסוימים נוודא באמת שאנחנו יכולים להכניס רק את התווים החוקיים.

  14. 04:52

    יש לבדוק שאנחנו יכולים לבצע את הפונקציונליות המיועדת של היישום באמצעות הגוי. שוב, באתר גוגל נוודא שאנחנו יכולים לבצע את החיפוש כפי שאנחנו רוצים כשאנחנו מגיעים לאתר גוגל לפי האפיון.

  15. 05:16

    דו"ק הודעות שגיאה מוצגות כראוי. בהודעות שגיאה אנחנו ננסה לראות שבאמת הן במקום ברור והן מנוסחות בצורה נכונה.

לקורס המלא: קורס הכנה לראיונות עבודה QA

ההרצאה הקודמת: הכנה לראיון עבודה QA - מושג Waterfall

הרצאות קשורות מקורסים אחרים

  • בדיקות ממשק משתמש - GUI
  • הבדלים בדיקות API לבין בדיקות GUI
  • מבוא ל-GUI ב-JMeter
  • OpenSSL GUI - IIS Windows 10 - חלק 1

קורסים נוספים במסלול

  • קורס מבוא ל-QA - מידע חשוב לבודק תוכנה
  • קורס פוסטמן - Postman - בדיקות לאתרי אינטרנט - API
  • קורס Robot Framework - בדיקות QA ממשק גרפי
  • קורס יסודות התכנות - שפת JAVA - קורס ג'אווה למתחילים
  • קורס סלניום בסיסי - בדיקות אוטומטיות - Selenium
  • קורס סלניום מתקדם - CI/CD - Continues Integration