PracticU

ReportNG - חלק 5

בלי כתוביותעם כתוביות
PracticU › קורס סלניום מתקדם - CI/CD - Continues Integration › ReportNG - חלק 5
מילון מושגים:
דוח - מסמך או תצוגה שמסכמים נתונים בצורה מאורגנת לצורך הבנה וקבלת החלטות.
מתודה - פונקציה המוגדרת בתוך מחלקה ומתארת פעולה שאובייקטים מאותה מחלקה יכולים לבצע.
תמונה - קובץ גרפי המוצג על המסך. בהקשר של וירטואליזציה או Docker, תבנית מוכנה שממנה יוצרים מכונה או קונטיינר.
לוג - רישום מתועד של אירועים ופעולות שמתרחשים במערכת או בתוכנה, המשמש למעקב ולאיתור תקלות.
תגית - סימון בקוד, למשל ב-HTML, שתוחם רכיב ומגדיר את תפקידו או תכונותיו. גם תווית לסימון וקיטלוג פריטים.
HTML - שפת הסימון שבה בונים את מבנה ותוכן דפי האינטרנט, באמצעות תגיות שמגדירות כותרות, פסקאות, קישורים ועוד.
כימוס - עיקרון בתכנות מונחה עצמים שמסתיר את הפרטים הפנימיים של אובייקט וחושף רק ממשק מבוקר.
XML - שפת סימון לייצוג נתונים מובְנים בעזרת תגיות, המשמשת להחלפת מידע בין מערכות ולקובצי הגדרות.

ReportNG - חלק 5
בשיעור מסכמים את השילוב של צילום מסך בדוח ReportNG. השיעור מציג את המתודה שמשלבת את התמונה בדוח ואת הדרך לוודא שהיא מופיעה.
השלבים העיקריים
1. מתודה לשילוב: המתודה מקבלת קובץ תמונה ומעבירה אותו ל-Reporter.log בתגית HTML של img, עם רוחב קבוע וכתובת הקובץ.
2. שימוש בתוך מתודה: המתודה הראשונה שמצלמת את המסך נקראת מתוך המתודה השנייה, והתוצאה שלה משמשת לשילוב בדוח. זה דוגמה לכימוס, שבו המתודה הפנימית מוסתרת מהטסט.
3. הדפסה לדוח: התוצאה מופיעה בתיקיית test-output בדוח ה-HTML, בקטע הטקסט של הטסט לצד הצילום.
4. צילום בכל נקודה: אפשר לצלם בכל שלב בטסט, כך שהדוח מראה מה קרה לאורך הטסט.
שימו לב
כדי שהצילום יוצג, הטסט חייב לרוץ דרך קובץ ה-XML של ReportNG, ולא ישירות.
השיעור הבא בקורס: Javascript in JavaSelenium

פרקי ההרצאה: ReportNG - חלק 5

  1. 00:00

    סיכום: למה מצרפים תמונה לדוח

  2. 01:36

    הדגמה: טסט עם הדפסה לדוח

  3. 02:14

    קביעת תוצאת הטסט כהצלחה

  4. 03:09

    שם ייחודי לתמונה לפי Timestamp

  5. 03:49

    יצירת מתודה להוספת תמונה לדוח

  6. 05:14

    הגדרת Escape Output כ-false

  7. 05:53

    כתיבת תגיות HTML דרך Reporter

  8. 06:43

    הצמדת נתיב התמונה לתגית img

תמלול ההרצאה: ReportNG - חלק 5

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

  1. 00:02

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

  2. 00:24

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

  3. 00:41

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

  4. 01:05

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

  5. 01:24

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

  6. 01:49

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

  7. 02:20

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

  8. 03:09

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

  9. 03:25

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

  10. 03:49

    אוקיי, אז השלב הבא שאנחנו נרצה לעשות זה את המתודה הנוספת שהיא תהיה public static היא תהיה static היא לא תהיה דינמית זאת אומרת לא צריך להתחיל אובייקט כדי להשתמש בה היא תהיה void זאת אומרת היא לא מחזירה שום דבר היא רק מבצעת איזושהי פעולה ואני אקרא לה בשם add snapshot to report ומה שהיא תקבל היא תקבל

  11. 04:32

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

  12. 04:53

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

  13. 05:21

    זה השגנו בעזרת ההגדרה שקבענו שה-reported gscape output הוא false ולכן הוא מבצע את הטאגים של ה-HTML כטאגים שהוא צריך לתרגם אותם ל-HTML ולא מדפיס אותם ישירות מילולית. אז אמרנו שאנחנו יוצרים את המתודה השנייה שהיא ממש מצרפת את הסנפשוט שיצרנו במתודה הזאתי וכך אנחנו יכולים להציג אותה בדוח html.

  14. 05:57

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

  15. 06:43

    טאג של אימג' וה-HTMN מיוצג על ידי הצירוף IMG. כאן אני צריך לתת את האטריביוט של הצגת התמונה, לדוגמה הוויד שהיא תתפוס, הרוחב שהיא תתפוס, ואני אגדיר אותה כ-612 תוך גרשיים, אני כותב 612, ופה אני צריך לציין את האטריביוט, את ה-source, איפה אני אמצא את התמונה.

  16. 07:18

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

  17. 07:33

    זאת אומרת, אני שואב או לוקח מהפייל את המיקום שלו דרך הפקודה get absolute path. זה ייתן לי את המיקום של ה-images שלי, אם אתם זוכרים, זה הספרייה הזאתי, כולל השם עצמו, לא סתם את הספרייה אלא כולל ה-time stamp הספציפי שצילמתי.

  18. 07:59

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

לקורס המלא: קורס סלניום מתקדם אונליין

ההרצאה הקודמת: ReportNG - חלק 4

ההרצאה הבאה: Javascript in JavaSelenium

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

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