PracticU

ביצוע פעולות בדף אינטרנט
כחלק מטסט מתקדם

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

ביצוע פעולות בדף אינטרנט כחלק מטסט מתקדם
בהרצאה בונים ב-Robot Framework טסט חיובי לדף לוגין: הזנת שם משתמש וסיסמה תקינים, סימון Remember me ולחיצה על Submit, ואז בדיקה שהמשתמש אכן רואה את מסך הלקוחות.
השלבים העיקריים
1. מציאת ה-locator: פותחים את כלי המפתחים (F12), לוחצים מקש ימני על השדה ובוחרים Inspect. ה-ID של השדה הוא המזהה החזק ביותר. אפשר לוודא שהוא ייחודי באמצעות Copy selector וחיפוש ב-Ctrl+F, שם רואים התאמה אחת בלבד.
2. הזנת שם משתמש וסיסמה: משכפלים את שורת ה-input text (Ctrl+D) ומחליפים ל-ID של הסיסמה. הארגומנט Clear true גורם ל-Selenium לנקות סיסמה קיימת לפני ההזנה.
3. חיפוש פעולת קליק בתיעוד: נכנסים ל-Resources, ל-Libraries, ל-SeleniumLibrary ול-Keyword Documentation, ומחפשים ברשימת הפעולות. בוחרים את Click Element.
4. פרמטרים של Click Element: ה-locator הוא הפרמטר שצריך. ה-modifier וה-action chain מאפשרים לשרשר פעולות, אבל הם מתקדמים ולא נדרשים כאן.
5. קליקים על Remember me ועל Submit: מעתיקים את הפקודה ומחליפים רק את ה-locator לפי ה-ID של כל רכיב. אין צורך בגרשיים סביב הערך, כי Robot מזהה את הערך לפי סימן ה-=.
6. אימות התוצאה: מוסיפים Page Should Contain Text עם הטקסט our api customer בדף שאחרי הלוגין. מוסיפים המתנה של שנייה בין הפעולות כדי לראות אותן, והמתנה של חמש שניות בסוף ו-Close Browser ב-teardown.
7. הרצה ובדיקת כישלון: הטסט עובר בסטטוס Pass. כדי לוודא שהבדיקה אמיתית משנים את הטקסט הצפוי, והטסט נכשל. את סיבת הכישלון רואים בדוח (report) תחת הטסט שנכשל.
פקודות והגדרות
- Click Element עם ה-locator של השדה.
- Page Should Contain Text לאימות הטקסט.
- ה-ID של השדות בדף הלוגין: שדה האימייל, password, remember ו-submit.
שימו לב
הטסט צריך להיכשל כשהטקסט הצפוי שגוי. זו הדרך לוודא שהוא בודק משהו ולא עובר בכל מקרה.
אחרי ההרצאה אפשר לכתוב ב-Robot Framework טסט חיובי שמזין שדות, לוחץ על כפתורים ומאמת את הטקסט שמוצג בדף.

פרקי ההרצאה: ביצוע פעולות בדף אינטרנט כחלק מטסט מתקדם

  1. 00:00

    מתודולוגיית הבדיקה

  2. 00:38

    זיהוי לוקייטורים בדפדפן

  3. 01:14

    מאפיין ה-ID כמזהה

  4. 01:48

    הוספת הזנת הסיסמה

  5. 02:23

    משמעות Clear True

  6. 03:01

    רשימת פעולות Selenium

  7. 03:34

    הסבר על Click Element

תמלול ההרצאה: ביצוע פעולות בדף אינטרנט כחלק מטסט מתקדם

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

  1. 00:02

    התחלנו לכתוב את הטסט שלנו וראינו שהבסיס שלנו תמיד יהיה המתודולוגיה של הבדיקה, כלומר ביצוע פעולות ובדיקה של Expected Results. בתרגיל שאני מבצע יחד איתכם, מה שרציתי לבצע זה הקשת איזשהו יוזרניים שהוא יוזרניים ולידי ואחר כך הקשת סיסמה ולידית, ביצוע קליק על ה-Remember me ולחיצה על Submit.

  2. 00:28

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

  3. 00:56

    את ה-tab של ה-elements, ככה למצוא את האלמנטים שלנו. אז הפעולה הראשונה שרצינו לבדוק זה הזנת טקסט לתוך שדה לפי לוקייטור. הלוקייטור שלנו, שזה הדבר הבסיסי שאנחנו חייבים, אנחנו מוצאים אותו דרך מכ"ש ימני, inspect, ואז אנחנו רואים שיש לשדה הזה של ה-input,

  4. 01:18

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

  5. 01:35

    ואנחנו רואים את זה על ידי זה שאם אני עושה מכש ימני, אני אעשה קופי סלקטור, קונטרול F, קונטרול V, אנחנו רואים שיש לנו רק מזהה אחד כזה.

  6. 01:47

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

  7. 01:58

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

  8. 02:06

    אז בואו נעשה את זה ונחזור לטסט שלנו. אנחנו רוצים לשרפל פשוט את השורה הזאתי. אני עומד בתחילת השורה, CTRL-D, השורה משוכפלת, אבל הפעם אנחנו נזהה את ה-ID פסוורד, והסיסמה, זה תהיה פסו טקסט, אוקיי? שזה יהיה ברור שזה הפסוורד שאני משתמש בה, בסדר? ו-Clear true. מה זה אומר Clear true?

  9. 02:29

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

  10. 02:40

    עכשיו מה שנשאר לנו זה שתי פעולות לחיצה, אחד על ה-Remember me כדי לסמן אותו, והשני זה לחיצה על submit. אז אני חוזר על הדרך שבה מצאתי את פעולת הקליק, הלחיצה.

  11. 02:54

    איך בעצם עשיתי את זה בצורה מסודרת? אז קודם כל הלכתי ל-resources, הלכתי ל-libraries, ראיתי שיש לנו פה Selenium Library.

  12. 03:03

    לחצתי על ה-Selenium Library, אמרנו שאני רוצה לראות את ה-Keyword Documentation. לחצתי ל-Keyword Documentation, הוא מוביל אותי ל-section שבו יש לינק ל-Keyword Documentation, לחצתי עליו, ואז יש לי פה בצד שמאל, מין טבלה ורשימה ארוכה של פעולות שאני יכול

  13. 03:21

    לבצע על הדפדפן, בעזרת ה-Selenium Library שמוטמע בתוך ה-Robot Framework דרך ה-Settings. הקריאה הזאת היא של סלניאם לייברי שאני משתמש בה.

  14. 03:34

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

  15. 04:02

    ID בטון ואז קונטרול פלוס אלט ולחיצה על הכפתור זאת אומרת לחיצה על הכפתור

לקורס המלא: קורס Robot Framework אונליין

ההרצאה הקודמת: ביצוע פעולות בדף אינטרנט - כחלק מהטסט

ההרצאה הבאה: יצירת מילות מפתח - לביצוע טסטים דינמיים

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

  • ביצוע פעולות ברמת סיביות
  • מבוא לקורס תכנות מתקדם
  • שמות פרמטרים של פעולות
  • פעולות מתמטיות ב-javascript

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

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