PracticU

מזהה אלמנטים בדף בתור משתנה

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

מזהה אלמנטים בדף בתור משתנה
כשאותו locator מופיע בכמה Keywords, שינוי שלו דורש עריכה בכמה מקומות. ההרצאה מראה איך לרכז את כל המזהים ב-variables במקום אחד.
השלבים העיקריים
1. הבעיה: אם נרצה להחליף locator, למשל מ-ID ל-xpath או ל-CSS selector, נצטרך לעשות זאת בכל מקום שבו הוא מופיע.
2. משתנה לכל אלמנט: בסקשן Variables מגדירים לכל אלמנט שם ברור בפורמט ${שם}, ומשווים אותו ל-locator. למשל משתנה לכתובת האימייל, אחד לסיסמה, אחד ל-Remember checkbox ואחד לכפתור Submit.
3. החלפה בקוד: בכל מקום שבו הופיע ה-locator, ב-Keywords, מציבים את שם המשתנה. כך המזהה מוגדר פעם אחת בלבד.
4. גם הטקסט לאימות: את הטקסט שמופיע ב-Wait Until Page Contains מוציאים למשתנה בשם validation text.
5. יישור הקוד: מיישרים את הערכים בטאבים כדי שהכול יהיה סימטרי וקל לזיהוי שגיאות.
6. הרצה: מריצים את הטסטים מהטרמינל. הטסט השלילי ראשון והחיובי שני, ושניהם עוברים.
למה זה שימושי
יש מעין מחסן של WebElements. שינוי במקום אחד משפיע על כל ה-Keywords שמשתמשים בו, והטסטים יציבים וקריאים יותר.
אחרי ההרצאה אפשר לרכז locators וטקסטים מצופים במשתנים ולשנות אותם ממקום אחד.
השיעור הבא בקורס: המבנה הנכון של פרויקט טסטים

פרקי ההרצאה: מזהה אלמנטים בדף בתור משתנה

  1. 00:00

    שימוש חוזר בלוקייטורים

  2. 00:40

    ריכוז הלוקייטורים במשתנה

  3. 01:16

    החלפת הלוקייטור במשתנה

  4. 01:58

    משתנה לשדה הסיסמה

  5. 02:36

    משתנה לכפתור Submit

תמלול ההרצאה: מזהה אלמנטים בדף בתור משתנה

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

  1. 00:02

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

  2. 00:19

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

  3. 00:33

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

  4. 00:50

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

  5. 01:09

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

  6. 01:31

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

  7. 01:55

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

  8. 02:05

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

  9. 02:23

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

  10. 02:33

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

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

ההרצאה הקודמת: הגדרה ושימוש ב-Suite Setup

ההרצאה הבאה: המבנה הנכון - של פרויקט טסטים

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

  • שם משתנה בפוסטמן
  • מזהה ייחודי - SQL GUID
  • משתנה סטטי ב-NodeJS
  • משתנה סטטי ב-TypeScript

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

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