Unit Testing With Selenium Web Driver - Part Two

In my previous article, Unit Testing With Selenium Web Driver-Part One:

• Unit Testing With Selenium Web Driver - Part One

I have explained what Selenium is, the latest version of Selenium (that is Selenium 3.0), how to identify a control by its control properties, and how to work with Selenium by creating Unit test project and downloading Selenium supportive dll's from nuget packages. In this article I am going to explain how to download Selenium drivers from Selenium's official website.

Selenium supports execution with various browsers such as Google Chrome, Internet Explorer, Edge browser (Windows 10 Operating system), Safari, Opera, Firefox etc.

Each browser has its own drivers, like to execute Selenium scripts in chrome we have hrome drivers, to execute Selenium scripts in Internet Explorer we have Internet Explorer drivers, to execute Selenium scripts in Edge browsers we have Edge drivers, to execute Selenium scripts in Firefox we have Gecko drivers etc.

In order to download Chrome Driver we have to navigate to this Url https://www.seleniumhq.org/download/ and scroll down to find various browser's driver download options.There you will find Google Chrome Driver, click on the version provided for example : 2.36 version.

With this click it will navigate to another screen with various options to download based on our system specifications. If you are using windows operating system, we can download chromedriver_win32.zip, if we are using other operating systems like Mac or linux we can download chromedriver_Mac64.zip or chromedriver_Linux64.zip etc.

 

 

 

For executing Selenium scripts on firefox we need to use FirefoxDriver Class and its methods which are part of OpenQA.Selenium.Firefox dll.

Similarly if we want to execute our Selenium scripts on fFrefox browser, it have its own driver called GeckoDriver which is included as part of Selenium 3.0. In earlier versions of Selenium like Selenium 2.0, Selenium has inbuit support for Firefox browser, we don't need to download any driver for fFrefox in selenium 2.0. If we are using Selenium 3.0 we must download a Firefox driver called Mozilla Geckodriver, click on the version provided for example : 0.20.0 like below.

 

After clicking on the version it will navigate to another screen with various download options based on our system requirement.If we are using 32bit windows or 64 bit windows then we can download any of these like below.

 

If we are using Mac O.S or Linux O.S then we have other options to download as well which we can see in the above image.

For executing selenium scripts on opera browser we have to use OperaDriver class and its methods which are part of OpenQA.Selenium.Opera dll. For downloading the opera driver we need to click on the version, for example 2.29, which will navigate to the download screen and there you can choose based on your system requirements, and the operating system which you are using.

 

 

If we are using Windows 32 bit or 64 bit, we can download based on our system requirement; selenium supports execution of scripts in opera browser for other operating systems like Mac OS, Linux OSetc.

If we want to execute a Selenium script on Internet Explorer we have seperate class called InternetExplorerDriver which has various Methods which is part of OpenQA.Selenium.IE namespace like below, 

 

 

For downloading Internet Eplorer driver we have "The Internet Explorer Driver Server" on the download page screen like below.

 

From the above image we have two different options available like a 32 bit version and a 64 bit version, we can download this based on our system requirement.

After downloading all the drivers like Opera, Firefox, Chrome, Safari, Internet Explorer Driver etc., we can unzip the rar file it and place it in some folder like D:\SeleniumDrivers etc.

For executing Selenium scripts on different browsers like Opera, Chrome, Firefox etc we need to access those downloaded drivers which we have placed in D:\SeleniumDrivers path like below. 

IWebDriver driver= new ChromeDriver("D:\SeleniumDrivers\chromedriver_win32");

Here in the above code we need to specify the path where the chromedriver.exe exists like D:\SeleniumDrivers\chromedriver_win32, with this it will launch the Chrome browser.

IWebDriver driver= new FirefoxDriver("D:\SeleniumDrivers\geckodriver-v0.20.0-win32");
(or)
IWebDriver driver= new FirefoxDriver("D:\SeleniumDrivers\geckodriver-v0.20.0-win64");

Here in the above code we need to specify the path where the geckodriver.exe exists like D:\SeleniumDrivers\geckodriver-v0.20.0-win32 (or) D:\SeleniumDrivers\geckodriver-v0.20.0-win64, with this it will launch the firefox browser.

IWebDriver driver= new InternetExplorerDriver("D:\SeleniumDrivers\internetExplorerDriver_win32");
(or)
IWebDriver driver= new InternetExplorerDriver("D:\SeleniumDrivers\internetExplorerDriver_win64");

Here in the above code we need to specify the path where the IEdriver.exe exists like D:\SeleniumDrivers\internetExplorerDriver_win32 (or) D:\SeleniumDrivers\internetExplorerDriver_win64, with this it will launch the Internet Explorer browser.

IWebDriver driver= new OperaDriver("D:\SeleniumDrivers\operadriver_win32");
//(or)
IWebDriver driver= new OperaDriver("D:\SeleniumDrivers\operadriver_win64");

Here in the above code we need to specify the path where the operadriver.exe exists like D:\SeleniumDrivers\operadriver_win32 (or) D:\SeleniumDrivers\operadriver_win64, with this it will launch the opera browser.

Example to understand the Selenium Scripts:

using System;
using Microsoft.VisualStudio.TestTools.UnitTesting;
using OpenQA.Selenium;
using OpenQA.Selenium.IE;
using OpenQA.Selenium.Chrome;
using System.Threading;
using OpenQA.Selenium.Support.UI; //SelectElement
using OpenQA.Selenium.Interactions; //Actions
using OpenQA.Selenium.Firefox;
using OpenQA.Selenium.Opera;
using OpenQA.Selenium.Support;
using MbUnit.Framework;
namespace selenium {
    [TestClass]
    public class UnitTest1 {
        [TestMethod]
        public void TestMethod1() {
                ChromeOptions cop = new ChromeOptions();
                cop.AddArgument("disable-infobars");
                IWebDriver driver = new ChromeDriver(@ "D:\Selenium_Drivers\chromedriver_win32New", cop);

The above lines of code are used for removing the popup called "Chrome is being controlled by automation test software", while in the automation of any web application there maybe a chance of getting an error or ElementNotfoundException when control is hidden under the popup or when popup overlaps on any control, then we get controls displaying property as false, so Selenium may not be able to find the control and it throws an ElementNotFoundException.

In order to over come the above problem we need to remove the popup while execution is performed.

ChromeOptions class contains a method called AddArgument() method with one parameter that is cop.AddArgument("disable-infobars"), "disable-infobars" is used for removing the popup at execution level.ChromeOptions class is part of OpenQA.Selenium.Chrome namespace.

In ChromeDriver() method, the first parameter accepts the path of the chromedriver.exe, where we have installed the drivers and second parameter accepts the Chromeoptions.

With this we can launch the Chrome browser and remove or disable the popup.

 

 

driver.Manage().Window.Maximize();
driver.Navigate().GoToUrl("https://www.google.co.in/");
Thread.Sleep(3000);

Once the browser is launched, the above lines of code are used for maximizing the browser with Maximize() method, initially when browser was launched it will be in a minimized state or minimized window, and we need to maximize it.

Once browser is maximized we need to navigate to the particular Url where we need to perform the automation by using GoToUrl() method.

GoToUrl() method accepts one parameter, here we need to provide the Url like https://www.google.co.in. It will navigate to that particular Url and wait for 3 seconds as provided with Thread.Sleep Method. We can also provide Wait Time for a control using WebDriverWait Class like: 

WebDriverWait waitTime= new WebDriverWait(driver, TimeSpan.FromSeconds(3));

 

 

 

With this it will remove the popup and navigate to the provided Url.

IWebElement googleText = driver.FindElement(By.Id("lst-ib"));
highlightElement(driver, googleText);
googleText.SendKeys("C# Corner");
Thread.Sleep(2000);
WebDriverWait waitTime= new WebDriverWait(driver, TimeSpan.FromSeconds(2));

Once the browser is launched by navigating to the www.google.com, we can identify the control by its control properties like Id, ClassName, Name, XPath etc.

In the above lines of code, we can find the control by using FindElement() method and providing the Id property of the control. When we inspect the HTML code each HTML element will have various control properties mentioned above, if the control doesn't have any control property then we need to use its XPath property.

 

 

We are calling HighlightElement() method by passing driver and element's variable, with this it will highlight the control with red and enter the given text that is C# Corner in the textbox control and wait for 2 seconds as provided with Thread.Sleep method like below.

 

 

Actions action = new Actions(driver);
action.SendKeys(Keys.Enter).Build().Perform();
Thread.Sleep(2000);

Once the given text that is C# Corner is entered in the textbox, the above code is for entering by using, "Keys.Enter", which performs the click on the keyboard's Enter key.

IWebElement linkclickCsharp = driver.FindElement(By.XPath("//*[@id='rso']/div[1]/div/div/div/div/h3/a"));
highlightElement(driver, linkclickCsharp);
linkclickCsharp.Click();
Thread.Sleep(2000);

 

From the above code, we can identify the hyperlink by using its control property like XPath, from the above image, once the control is identified we can click on the hyperlink by using Click() method.

IWebElement signup = driver.FindElement(By.CssSelector(".icons.signUp"));
HighlightElement(driver, signup);
signup.Click();
Thread.Sleep(2000);

 

 

From the above image we can identify the signup control by its ClassName control property, if the value of the className property has spaces then we need to replace the space with dots(.) and need to use CssSelector property, otherwise we will get exception as ElementNotFoundException. If there is no space in className property then we can access the control by using ClassName.

Once the control is identified then it will click on the signup by using Click() method.

IWebElement email = driver.FindElement(By.Name("ctl00$ContentMain$TextBoxEmail"));
highlightElement(driver, email);
email.SendKeys("[email protected]");
Thread.Sleep(2000);

 

 

From the above image we can identify the Enter Email textbox by its Name property. Once the control is identified we can enter the value to the textbox by using SendKeys method.

 

IWebElement fname = driver.FindElement(By.Id("ctl00_ContentMain_TextBoxFirstName"));
highlightElement(driver, fname);
fname.SendKeys("Khaja");
Thread.Sleep(2000);

 

Here with firstName control we are identifying with Id property as shown in the above image. Once the control is identified we can enter the given value using SendKeys method.

 

IWebElement lname = driver.FindElement(By.XPath("//*[@id='ctl00_ContentMain_TextBoxLastName']"));
highlightElement(driver, lname);
lname.SendKeys("Moizuddin");
Thread.Sleep(2000);

From the above code we are identifying a control "LastName" by its control properties like XPath="//[@id='ctl00_ContentMain_TextBoxLastName']".

Once the control is identified we are highlighting that control and entering the name by using SendKeys method.

IWebElement enterpassword = driver.FindElement(By.Name("ctl00$ContentMain$TextBoxPassword"));
highlightElement(driver, enterpassword);
enterpassword.SendKeys("1234567890");
Thread.Sleep(2000);

From the above code, we are identifying a field "Password" by its control properties Name.

Once the control is identified, we are highlighting the control and entering the password 1234567890 to the Password field.

IWebElement confirmPassword = driver.FindElement(By.Id("ctl00_ContentMain_TextBoxPasswordConfirm"));
highlightElement(driver, confirmPassword);
confirmPassword.SendKeys("1234567890");
Thread.Sleep(3000);

The above lines of code are used for identifying the control "Confirm Password" by its control property like Id="ctl00_ContentMain_TextBoxPasswordConfirm".

Once the control or element that is "Confirm Password" is identified then we will be entering the value 1234567890 to Confirm Password element.

Similarly for other controls we are identifying it by its control properties. Once the element or control is identified then we are performing actions on it.

IWebElement dropcountry = driver.FindElement(By.Name("ctl00$ContentMain$DropdownListCountry"));
highlightElement(driver, dropcountry);
dropcountry.Click();
SelectElement select = new SelectElement(dropcountry);
select.SelectByValue("India");
Thread.Sleep(3000);
IWebElement enterzip = driver.FindElement(By.Name("ctl00$ContentMain$TextBoxZip"));
highlightElement(driver, enterzip);
enterzip.SendKeys("500076");
Thread.Sleep(3000);
IWebElement entercity = driver.FindElement(By.XPath("//*[@id='TextBoxCity']"));
highlightElement(driver, entercity);
entercity.SendKeys("Hyderabad");
Thread.Sleep(3000);
IWebElement selectsecurity = driver.FindElement(By.Id("ctl00_ContentMain_DropdownListSecurityQuesion"));
highlightElement(driver, selectsecurity);
SelectElement se = new SelectElement(selectsecurity);
se.SelectByIndex(2);
Thread.Sleep(2000);
IWebElement answer = driver.FindElement(By.Id("ctl00_ContentMain_TextBoxAnswer"));
highlightElement(driver, answer);
answer.SendKeys("XYZ Technologies");
Thread.Sleep(2000);
//IWebElement registerMe = driver.FindElement(By.Name("ctl00$ContentMain$ButtonSave"));
//highlightElement(driver, registerMe);
//registerMe.Click();
Thread.Sleep(2000);
IWebElement clickhome = driver.FindElement(By.XPath("//*[@id='ctl00_HeaderNewDesign1_HeaderMenu']/div/div/ul/li[1]/a"));
highlightElement(driver, clickhome);
clickhome.Click();
Thread.Sleep(2000);
IWebElement searchClick = driver.FindElement(By.Name("ctl00$HeaderHomeNewDesign$searchImageButton"));
highlightElement(driver, searchClick);
searchClick.Click();
Thread.Sleep(2000);
IWebElement peopleClick = driver.FindElement(By.Id("tabAuthorSearch"));
highlightElement(driver, peopleClick);
peopleClick.Click();
Thread.Sleep(2000);
IWebElement firstNamePeople = driver.FindElement(By.Id("TextBoxFirstName"));
highlightElement(driver, firstNamePeople);
firstNamePeople.SendKeys("khaja");
Thread.Sleep(2000);
IWebElement clickgo = driver.FindElement(By.XPath("//*[@id='ctl00_ContentMain_PanelAuthorSearch']/input[3]"));
highlightElement(driver, clickgo);
clickgo.Click();
Thread.Sleep(5000);
IWebElement profileClick = driver.FindElement(By.XPath("//*[@id='authorSearchResult']/div/div/ul/li[1]/a"));
highlightElement(driver, profileClick);
profileClick.Click();
Thread.Sleep(2000);
IWebElement articlesClick = driver.FindElement(By.XPath("//*[@id='divContributes']/ul/li[1]/a"));
highlightElement(driver, articlesClick);
articlesClick.Click();
Thread.Sleep(2000);
IWebElement articleClick = driver.FindElement(By.XPath("//*[@id='ctl00_ContentMain_contentBoxUL']/li[1]/div[2]/h3/a"));
highlightElement(driver, articleClick);
articleClick.Click();
}
public void highlightElement(IWebDriver driver, IWebElement element) {
    try {
        var jsDriver = (IJavaScriptExecutor) driver;
        string highlightWhite = @ "arguments[0].style.cssText = "
        "border-width: 2px; border-style: solid; border-color:"
        ";";
        string highlightJavascript = @ "arguments[0].style.cssText = "
        "border-width: 2px; border-style: solid; border-color: red"
        ";";
        jsDriver.ExecuteScript(highlightJavascript, new object[] {
            element
        });
        Thread.Sleep(2000);
        // jsDriver.ExecuteScript(highlightWhite, new object[] { element });
        //OpenQA.Selenium.IJavaScriptExecutor jse = (IJavaScriptExecutor)driver;
        //jse.ExecuteScript("arguments[0].setAttribute('style,'border: solid 2px red'');", element);
        //for (int i = 0; i < 2; i++)
        //{
        //
        // jse.ExecuteScript("arguments[0].setAttribute('style', arguments[1]);",
        // element, "color: yellow; border: 2px solid yellow;");
        // //// jse.ExecuteScript("arguments[0].setAttribute('style', arguments[1]);",
        // // element, "");
        //}
    } catch (Exception ex) {
        throw ex;
    }
}
}
}

Thanks & I hope this article helps you.