PracticU

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

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

ביצוע פעולות בדף אינטרנט כחלק מהטסט
הגישה של Robot Framework נקראת keyword driven: פעולות אמיתיות הופכות ל-keywords קלים להבנה ולשימוש חוזר. בשיעור מוסיפים לטסט פעולה ראשונה על דף, מילוי שדה.
השלבים העיקריים
1. טסט ידני קודם: כותבים קודם את הטסט כתהליך ידני: precondition של כניסה לדף הלוגין, הזנת שם משתמש, הזנת סיסמה, סימון Remember me, לחיצה על Submit, ובדיקה שמופיע הטקסט הקבוע Our Epic Customers ושנפתח דף חדש.
2. keyword לכל פעולה: בסקשן Keywords כותבים keyword לכל פעולה בודדת, כאן type username in login.
3. מציאת ה-locator: לוחצים F12 (More Tools, Developer Tools), בטאב Elements רואים את ה-DOM. עומדים על השדה, קליק ימני ו-Inspect, ומעתיקים את ה-ID שלו כ-locator, בצורה id=..., בלי גרשיים.
4. בחירת ה-keyword: באתר הדוקומנטציה בוחרים Resources, Libraries, SeleniumLibrary, Keyword Documentation, ומוצאים את Input Text. הוא מקבל locator, text ופרמטר clear (true או false).
5. המימוש: כותבים Input Text עם ה-locator, כתובת אימייל לדוגמה כטקסט, ו-clear=True כדי לנקות את השדה לפני ההקלדה.
6. הרצה: מריצים את אותה פקודה כמו קודם עם התגית demo test, והדפדפן נפתח ומילא את השדה מיד.
מה שנשאר
המשך הטסט, הסיסמה, ה-checkbox, הכפתור והבדיקה, נעשה בשיעור הבא.
אחרי השיעור אפשר לכתוב keyword שמזין טקסט בשדה לפי locator, ולמצוא keyword מתאים בדוקומנטציה של Selenium.
השיעור הבא בקורס: ביצוע פעולות בדף אינטרנט כחלק מטסט מתקדם

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

  1. 00:00

    מבנה הטסט והקי-וורדס

  2. 00:41

    תכנון פעולות על דף הלוגין

  3. 01:19

    כתיבת טסט ידני תחילה

  4. 01:58

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

  5. 02:35

    הסבר על Page Redirection

  6. 03:10

    יצירת Keyword להזנת טקסט

  7. 03:44

    מציאת ה-Locator

  8. 04:42

    שימוש ב-Input Text

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

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

  1. 00:02

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

  2. 00:18

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

  3. 00:32

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

  4. 00:47

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

  5. 00:59

    ולוודא שיש לנו אחר כך את ה-Our Epic Customers מופיע, את הטקסט הקבוע. אז בואו נכתוב את זה מהר בצורה ידנית, את הטסט שאני רוצה לבצע. תהליך של העבודה שלנו הוא מובנה בדיקות ידניות, ולכן אנחנו נתחיל בכתיבה של טסט ידני.

  6. 01:19

    ה-precondition שלנו יהיה get into the login page, ריזולט זה יהיה לוגי אימפנד ופרמטר זה יהיה ה-URL הזה, נכון? אותו URL שאנחנו רוצים לבדוק.

  7. 01:33

    אז אני דואג שיהיה לי פה את ה-URL כדי שהכל יהיה מוכן. אז הפעולה הראשונה שאני רוצה לעשות זה להזין את ה-User Name, אז בואו נלך לטסט הידני ונוסיף את זה.

  8. 01:43

    Insert User Name Input User Sample User. אז יש לנו את זה, בואו נכתיב את זה, שנראה. נציג את ה-result user name will be typed ואז יש לנו את אותו דבר אנחנו רוצים לעשות על הקטע של ה-password input password אנחנו רוצים לסמן click checkbox of remami checkbox eject click on כפתור

  9. 02:25

    submit ואז אני לוחץ פה באתר submitted הדבר שאמור לקרות אחר כך, יפתח לנו ה-AppyCustomerPage. New Page Redirection. זה מה שאנחנו רוצים לבצע מבחינה ידנית, ואנחנו רוצים לעשות את זה, להתמט את זה, לעשות את זה אוטומטי.

  10. 02:46

    אז מה אנחנו צריכים לעשות? אנחנו צריכים, יש לנו את ה-Test Case הזה, Checking Login Page, Open Browser, Sleep שלוש שניות, אנחנו רוצים להוסיף לזה את היכולת של ללחוץ על כפתורים ולבדוק את התוצאות. איך אנחנו כותבים ברובוט?

  11. 03:04

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

  12. 03:13

    לדוגמה type username in logging אז יש לנו את ה-Keyboard הזה ובואו נחזור עכשיו לפעולה הזאת של הלוגין. אנחנו רוצים בעצם למלא את התוכן של השדה הזה.

  13. 03:28

    אז כדי לעשות את זה אנחנו צריכים להבין את הלוקייטור. כדי להבין את הלוקייטור אנחנו צריכים ללחוץ על F12 או ללכת ל-More Tools Developer Tools, הטאב של אלמנט, ופה אנחנו רואים את מה שנקרא ה-DOM, ה-Document Object Model.

  14. 03:46

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

  15. 04:06

    הפקודה שתעזור לי תהיה פקודה מתוך ספריית סלניום. אני אלך לאתר של הדוקומנטציה של רובוט, אני אחפש את Resources, אני אחפש את Libraries, ואני רואה שהתוצאה הראשונה של Libraries פה זה Selenium Library.

  16. 04:21

    אני אלחץ עליה ופה אני אלך ל-Keyword Documentation ברגע שהגעתי לסלנים דוקומנטיישן אני אחפש את ה-Keword דוקומנטיישן, נלחץ עליו, ואז הוא מביא אותי לרשימה של פקודות שמסנכרונות עם רובוט. כל מה שאני צריך לעשות זה לדעת ולהכיר או למצוא את מה הפקודה שאני צריך, מה ה-Keword שאני צריך, וזה input text.

  17. 04:47

    אני לוחץ עליו ואז אני רואה פה דוגמה, אני צריך לשלוח לו לוקייטור ואני צריך לשלוח לו טקסט ו-clear, true או false. בואו נראה את הנקודה הזאת, אני מעתיק אותה כמו שהיא, אני לוקח אותה לפייג'ארם שלי, פה אני אומר input text, פה אני צריך את ה-locator, מה זה ה-locator?

  18. 05:07

    זה ה-locator שלנו, זה מה שראינו קודם, כאן אותה שורה כזאת, ID שווה E-Mail ID, אז זה ה-locator שלנו, אני אוריד כאן רק את הגרשיים, לא צריך את הגרשיים, לא צריך גרשיים ברובוט, נחזור שנייה לדוקומנטציה לראות, אז יש לנו את ה-locator ו-text, מה הטקסט שאני רוצה לשלוח, איזשהו יוזרניים, אז חגי שטרודל ג'ימייל נקודה

  19. 05:30

    קום. וראינו שיש לנו עוד דבר פה, ש-Clear True, אז בואו נעשה Clear True, ננקה את השדה הזה.

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

ההרצאה הקודמת: הרצת טסט - עם פרמטרים מתקדמים

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

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

  • ביצוע פעולות ברמת סיביות
  • שמות פרמטרים של פעולות
  • פעולות מתמטיות ב-javascript
  • ביצוע compile לתוכנה

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

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