Web Elements - חלק 1

תמלול ההרצאה: Web Elements - חלק 1

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

1. 00:02

   שלום לכולם בשיעור הקרוב נדבר על WebElements זה יהיה חלק חשוב בתהליך העבודה והלימוד שלנו של סביבת האוטומציה אז בואו נתחיל WebElement Inspect WebElements in your browser בדיקה של אלמנטים מרובים בדפדפן שלנו מה זה WebElement הכרנו בשיעורים הקודמים WebElement

2. 00:28

   זה כל דבר שאנחנו רואים על ה-tab html אותו אנחנו בודקים זה יכול להיות כפתור שדה image לוגו איזשהו כל דבר שאנחנו יכולים לבצע עליו פעולות כמו clicks and keys, get text וכדומה.

3. 00:46

   למה אנחנו צריכים ללמוד על WebElements? בשיעורים הקודמים הכרנו את ה-WebElement היחיד, הבודד, וראינו שאנחנו יכולים לבצע עליו פעולות.

4. 00:58

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

5. 01:15

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

6. 01:43

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

7. 01:56

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

8. 02:11

   אז בואו ניגש לדמו ונראה בדיוק למה אנחנו מתכוונים כשאנחנו אומרים WebElements ו-Zווישר WebElements. אני ניגש ל-ID שלי, iClips, ויצרתי לעצמי פרויקט. אני רוצה להזכיר שבפרויקטים שאנחנו מתרגלים בסלניום אנחנו צריכים לוודא שיש לנו את הג'ארים.

9. 02:33

   איך אני מוודא את זה? ואם לא אני מייבא, אני לוחץ מקש ימני, אני יכול לבחור ב-built path, ופה אני לוחץ על קונפיגר בילד פאד ופה אני רואה בתוך טאבה ליבריז שהבאתי את כל הסלניום ג'ארים שהורדתי מאתר של סלניום מהרשת.

10. 02:56

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

11. 03:27

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

12. 04:03

    רואים שכל הערים האלה פה נמצאים בסוג של דבלה בואו נפתח את ה-Inspect אלמנט או ה-Inspect Developer Tool של החום אני לוחץ על השלוש נקודות ו-Developer Tools בעזרת יש לי פה את אינספקט האלמנט, אני אבחר את אחד האלמנטים שאני רוצה לבחור, נגיד בחרתי את העיר הראשונה, יש לי פה את המסלול שלה ואני יכול להקיש מכש

13. 04:37

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

14. 05:03

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

15. 05:18

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

16. 05:39

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

17. 05:56

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

18. 06:36

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

19. 07:30

    בתוך הטבלה אוקיי אז בואו ניקח את הביטוי הזה ונתחיל לכתוב את הקוד שלנו נחזור לאקליפס וניצור איזשהו package new package נקרא לו practice4 t4 ובתוך practice4 ניצור מכה שם אני new class, נעשה אותו קלאס הרצה ונקרא לו web-element.

20. 08:06

    זה הזיהוי שלנו, איזשהו שם שיסביר לנו מה אנחנו הולכים לעשות בקלאס ו-Finish. כרגע מה שאנחנו צריכים לעשות זה להתחיל לעבוד עם ה-WebDriver שלנו.

21. 08:27

    אז איך אנחנו עושים את זה? אנחנו מגדירים משתנה מערכת ב-Java, סיסטמפ סט פרופרטי סט פרופרטי את הכי אנחנו צריכים לתת לו אותה שם משתנה שלה chrome driver שזה chrome web driver ואת הvalue אנחנו צריכים רק להגיד שזה יהיה chrome