WebdriverCourse01

שיעור 1: התקנה

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

בשיעור זה אדגים כיצד ניתן להתקין את הכלי בשתי סביבות אולי הפופולריות ביותר, האחת ב-NET. והשניה ב-Eclipse.
התקנת Selenium WebDriver בסביבת NET. ועבודה עם #C

 

שלב 1: התקנת Visual Studio

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

אז ניכנס לאתר ההורדות של Visual Studio נוריד ונתקין את גרסת : Visual Studio Express 2013 with Update 4 for Windows Desktop : (http://www.visualstudio.com/downloads/download-visual-studio-vs#d-express-windows-desktop)


 

שלב 2: פתיחת פרוייקט חדש ב-VS

נקיש על File->New->Project

VS1

בחלון החדש שיפתח לנו , נבחר תחת ה-Templates את הספרייה Visual C# ומתחתיה את ה-Template Test שבשמאל המסך, במרכז המסך נבחר את האופציה האמצעית – Unit Test Project. נלך קצת למטה ונרשום תחת ה-Location את הספריה בה נרצה לשמור את הפרוייקט שלנו, שורה מעל ניתן לפרוייקט שלנו את שמו – למשל MyFirstProject , לסיום נקיש על OK.

VS2


 

שלב 3: הורדת Selenium C# DLL + Drivers

נכנס לאתר של סלניום ונוריד את ה-dll של C# למחשב (http://www.seleniumhq.org/download)

VS9

נפתח את קובץ ה-ZIP ונעתיקו את תכולתו לתוך ספריית SeleniumDrivers\C# שניצור מבעוד מועד

כעת נותר לנו להוריד ה-Chrome Driver מהאתר: https://sites.google.com/a/chromium.org/chromedriver/downloads

נשמור גם קובץ זה (chromedriver.exe) בספריה: SeleniumDrivers\C#


 

שלב 4: התקנת Selenium C# Drivers

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

לשם כך עלינו לחזור ל-Visual Studio שלנו עם הפרוייקט החדש שיצרנו ולהקליק עם המקש הימני של העכבר על ה- Reference שמופיע מתחת לשם הפרוייקט שלנו – MyFirstProject (מופיע בצד ימין למעלה). ועל Add Reference

VS3

בחלון החדש שיופיע לנו נלחץ על כפתור ה-Browse ומשם נלך לספריה בה שמרנו את קבצי ה-DLL מהשלב הקודם, תחת ספריית SeleniumDrivers\C#, ונסמן את כל הקבצים היושבים תחת ספריית net40

VS4


 

התקנת Selenium WebDriver בסביבת Eclipse ועבודה עם Java:

 

שלב 1: התקנת JDK

ניכנס תחילה לאתר של Oracle ונוריד את הJava Development Kit –JDK- מכאן : (http://www.oracle.com/technetwork/java/javase/downloads/index.html)


 

שלב 2: התקנת ה- IDE – Eclipse

ה-IDE הנפוץ ביותר לשפת Java הינו ה-Eclipse החינמי (עימו גם נעבוד בהדרכה זו), ניכנס לאתר של Eclipse ונוריד את הגרסה המתאימה למחשבנו (https://eclipse.org/downloads/packages/eclipse-ide-java-developers/lunasr1)

נפתח את קובץ ה-ZIP ונעתיק את תכולתו אל ספרייה תחת Program Files, נקליק על קובץ ההפעלה: eclipse.exe.


 

שלב 3: פתיחת פרוייקט Java חדש

אחרי שהפעלנו את -Eclipse לראשונה ניתקל במסך WorkSpace Launcher , בו נבחר ספרייה בה נרצה שקבצי הפרוייקט שלנו ישבו

Eclipse2

כעת נקיש על File->New->Java Project

נבחר שם לפרוייקט שלנו ונקיש על Finish

 

Eclipse3


 

שלב 4: הורדת Selenium Java Jars

נכנס לאתר של סלניום ונוריד את קבצי ה-Jars של Java למחשב (http://www.seleniumhq.org/download)

Eclipse1

נפתח את קובץ ה-ZIP ונעתיקו את תכולתו לתוך ספריית SeleniumDrivers \Java שניצור מבעוד מועד


 

שלב 5: התקנת Selenium Java Jars

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

לשם כך עלינו להקליק תחילה עם המקש הימני של העכבר על שם הפרוייקט שלנו – MyFirstProject (מופיע בצד שמאל למעלה) ועל Properties

במסך החדש שיקפוץ לנו, נקיש על Java Build Path , אח”כ על הטאב – Libraries ועל הכפתור מימינו Add External Jars

Eclipse4

נלך לספריה בה שמרנו את קבצי ה-Jars מהשלב הקודם, תחת ספריית SeleniumDrivers\Java, ונסמן את כל הקבצים, גם שני קבצי ה- selenium-javaוגם כל מה שיושב תחת ספריית libs

כעת הספריה צריכה להיראות כך:

Eclipse10

נקיש על OK ונצא בחזרה למסך הראשי.


 

שלב 6: יצירת ה-Class

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

בשביל ליצור class ב-Eclipse נקיש על המקש הימני של העכבר על ספריית src (יושב מתחת לשם הפרוייקט שלנו), נקיש על NEW ואח”כ נבחר Class

Eclipse5

בעמוד החדש שקפץ לנו נכניס את שם הקלאס אליו אנו נרצה לכתוב ונסמן ב-V את האופציה public static void main

ונקיש על Finish

Eclipse6


 

בשיעור הבא נכנס לקוד הסלניום ונלמד את הפקודות הבסיסיות הראשונות שלנו , נתחיל בשיעור הבא עם פקודות על הדפדפן – Browser Commands


arrowMain

20 comments

  • עידן

    תודה רבה על המדריך. נראה שהשקעת הרבה מאמץ.
    כל הכבוד. עידן.

  • ישי

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

  • תלמיד

    תאמת לא ברור מספיק התקנה סלניום בVS

    בשלב שלישי אתה אומר להכניס את הקבצים לתיקיה SeleniumDrivers\C “שניצור מבעוד מועד” מה זה אומר ?
    טוב אני מנחש שאתה רוצה שאני ופתחתי תיקיה חדשה בשם SeleniumDrivers סבבה.
    בשלב הבא אתה אומר להוריד Chrome Driver ולהכניס לתיקיה שיצרנו אבל בהמשך אתה לא מציין מה לעשות איתו כי בשלב 4 שלב הבא אני מכניס לפרוקיט את ה5 קבצים בתיקיה net40 כמו שכתוב וזהו ??

    • יוני פלנר

      שלום “תלמיד”.
      “שניצור מבעוד מועד” הכוונה היא ליצור ספרייה כזו על המחשב עוד לפני שאנחנו מורידים את הקבצים מהרשת.
      לאחר שהורדנו ושמרנו את ה-Chrome Driver סיימנו את חלקו בפרק הזה שעוסק בהתקנה. בפעם הבאה שנשתמש בו (אם נרצה להריץ את הבדיקות שלנו על דפדפן מסוג כרום) אנחנו נקרא לו ישירות מהקוד, שזה כבר לא שייך לפרק זה.
      אם אתה מעוניין לדעת כיצד עושים זאת, פנה לפרק 11 בקורס.

  • אסתר

    הי יוני,

    המערכת שלנו תומכת רק בדפדפני EXPLORER.
    איפה בדיוק אני יכולה למצוא את הדרייבר להתקנה עם IE.
    אם תוכל לתת לי שם מדוייק של הדרייבר שצריך להתקין בשביל אקספלורר.

    תודה רבה מראש

    • יוני פלנר

      היי אסתר, פשוט חפשי בגוגל : download InternetExplorer driver
      בברכה,
      יוני

  • סמדר

    טוב, אתה לא יכול לצפות שקיו איי יקרא את הקורס ולא יעיר על כתיבה שגויה חחח
    אז הנה זה בא
    לשם עלינו להקליק תחילה עם המקש הימני של העכבר על שם הפרוייקט שלנו – MyFirstProject (מופיע בצד שמאל למעלה) ועל Properties

    נראה לי שרצית שיהיה כתוב – ‘לשם כך’

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

  • רוניה

    אחלה קורס, תודה!
    איך אני עושה שהECLIPSE יזהה לי גם את דפדפן הכרום (ולא רק את פיירפוקס)? תודה!

    • יוני פלנר

      היי רוניה,
      בשביל לעבוד עם דפדפנים אחרים, תעברי לקרוא את פרק 13 בקורס הזה.

      בברכה,
      יוני

  • דפנה

    היי יוני!
    תודה על המדריך המעולה,
    כאשר אני מנסה להוריד vs אני נתקלת בהודעה הבאה-
    a setup package is either missing or damaged
    ניסיתי להוריד מאתרים שונים וגם למחשב אחר אך השגיאה חוזרת, חיפשתי באינטרנט ולא מצאתי פיתרון
    יש לך רעיון?

    תודה מראש!

    • יוני פלנר

      היי דפנה,
      איזו גרסה את מנסה להוריד ? מאיזה לינק ?
      יוני

  • משה

    היי,

    בהתקנה ב-VS, יש סיבה למה לא השתמשת ב-NuGet Package Restore במקום להוריד את הקבצים?

    תודה,
    משה

  • יוני פלנר

    היי משה,
    למתחילים שזו הפעם הראשונה שהם נתקלים ב-VS, אני מעדיף להראות את הדרך הארוכה יותר של הורדת הקבצים פיסית למחשב ושיוכם לפרוייקט (זה גם מסביר הלכה למעשה מה זה אומר להשתמש ב-API של סלניום) ,
    משתמשים ב-nuget בד”כ אחרי שמבינים את הקונספט הזה

    בברכה,
    יוני

  • תמיר

    היי יוני,

    הרצתי בעזרת eclipse לאחר ביצועה השלבים שיינת וקיבלתי את ה error הבא שמדבר על webdriver.gecko.driver , האם פיספסתי משהו בהתקנה או בקינפוג?

    Exception in thread “main” java.lang.IllegalStateException: The path to the driver executable must be set by the webdriver.gecko.driver system property; for more information, see https://github.com/mozilla/geckodriver. The latest version can be downloaded from https://github.com/mozilla/geckodriver/releases
    at com.google.common.base.Preconditions.checkState(Preconditions.java:738)
    at org.openqa.selenium.remote.service.DriverService.findExecutable(DriverService.java:124)
    at org.openqa.selenium.firefox.GeckoDriverService.access$100(GeckoDriverService.java:41)
    at org.openqa.selenium.firefox.GeckoDriverService$Builder.findDefaultExecutable(GeckoDriverService.java:115)
    at org.openqa.selenium.remote.service.DriverService$Builder.build(DriverService.java:330)
    at org.openqa.selenium.firefox.FirefoxDriver.toExecutor(FirefoxDriver.java:207)
    at org.openqa.selenium.firefox.FirefoxDriver.(FirefoxDriver.java:108)
    at org.openqa.selenium.firefox.FirefoxDriver.(FirefoxDriver.java:104)
    at project5.myBrowserMethods.main(myBrowserMethods.java:10)

    תודה,
    תמיר

    • יוני פלנר

      היי תמיר,
      במקרה כזה עליך להוריד ולהגדיר את הדרייבר של פיירפוקס (שנקרא – GeckoDriver) , תוריד אותו מהכתובת הזו:
      https://github.com/mozilla/geckodriver/releases
      ואח”כ תצטרך לתת את שורת הפקודה הבאה:
      System.setProperty(“webdriver.gecko.driver”, “PATH TO ->/geckodriver.exe”);

      בהצלחה

  • אפרת

    שלום,

    עברתי על הקורס החינמי
    הקורס מעולה תודה רבה
    בבקשה רציתי לשאול שאלה
    לא הצלחתי להוריד אחד מהdll אני לא יודעת כמה זה יתקע אותי רציתי לדעת איך אפשר להוריד את זה thoughtWorks.Selenium.Core

    • יוני פלנר

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

כתיבת תגובה

האימייל לא יוצג באתר. (*) שדות חובה מסומנים

היי, אני לא רובוט *

תגי HTML מותרים: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">