WebElement - Find by ID

תמלול ההרצאה: WebElement - Find by ID

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

1. 00:02

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

2. 00:22

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

3. 00:35

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

4. 00:50

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

5. 01:02

   הכפתור find הוא web-element בעצם כל אובייקט או איזשהו אלמנט שאנחנו רואים בדף הוא web-element מה אנחנו יכולים לעשות עם ה-web-element אנחנו יכולים לעשות פעולה או ליצור רצף של פעולות בכמה אובייקטים אחד אחרי השני ובעצם לדמות את ההתנהגות של אותו בן אדם שמבקר באתר לדוגמה בחיפוש בגוגל אנחנו אנחנו יכולים להקיש איזשהו ביטוי חיפוש,

6. 01:33

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

7. 02:03

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

8. 02:18

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

9. 02:36

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

10. 02:50

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

11. 03:07

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

12. 03:20

    עכשיו, מה שאני רוצה לעשות זה ליצור פרויקט חדש מ-Scratch. אני לוחץ על קליק, מכה שמנהיני הוא, אני אבצע את זה עוד פעם. אני עומד על החלק הזה של האקליפס, מכ"ש ימני, New Java Project, אם זה לא מופיע אז אני יכול לחפש את זה ב-Other, יש לי את ה-Create Java Project, בואו נעשה

13. 03:43

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

14. 04:15

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

15. 04:40

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

16. 05:12

    דאונלוד וצירפתי גם את מה שיש בספריית ליפס. זהו, אז כרגע הפרויקט שלי מוכן, אני כבר רוצה ליצור את הפקקג' שלי בתוך ספריית src, אני לוחץ מקש ימני, ופקקג' אני אקרא לזה פקקג' 1, ופה ב-p1 אני אצור את הקלאס שלי, אני אתן לו שם קצת יותר משמעותי,

17. 05:37

    מקש ימני, קלאס, ואני אקרא לו WebElement 1. אוקיי, זהו, אני רוצה שזה יהיה קלאס הרצה, אני מסמן את ה-Public Static Void Main, אוקיי? אני מסמן את ה-Checkbox הזה, ולוחץ "Finish".

18. 06:03

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

19. 06:25

    אז מה שאנחנו צריכים לעשות בפעולה הראשונה זה להגדיר משתנה מערכת ב-Java System.set.property נבחר את ה-set.property אנחנו רואים שיש לנו שני משתנים שאנחנו צריכים לשלוח הראשון יהיה את ה-chrome.web.driver.driver והמשתנה השני או החלק השני של ההגדרה key זה יהיה ה-key וה-value יהיה driver.

20. 06:59

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

21. 07:22

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

22. 08:15

    שלי יהיה קישור לספרייה org open qa סילניום שנמצאת בספריות הג'ארים שהבאנו קודם לפרויקט אז אני עומד פשוט על ההודעה איפה שיש את הקו האדום לא לוחץ על כלום ולוחץ על ה quick fix web import ופה אני רואה שהתווספה שורה org open qa סילניום web driver שהוא הביא לי את זה מתוך הג'ארים שהורדנו למחשב