Click here to Skip to main content
15,609,560 members
Articles / Programming Languages / C#
Technical Blog
Posted 4 Aug 2015

Tagged as

Stats

25.3K views
15 bookmarked

Microsoft Edge WebDriver- What Everybody Ought to Know About

Rate me:
Please Sign up or sign in to vote.
5.00/5 (11 votes)
4 Aug 2015Ms-PL3 min read
Examples how to use the Microsoft Edge WebDriver to create UI automated tests executed against the new Microsoft browser- Edge.

Introduction

As you might know, one of the best available frameworks for creating web automation tests is Selenium WebDriver. Microsoft publicly announced that their new Windows 10 web browser- Edge is going to support WebDriver automation (Microsoft Edge WebDriver). Of course I wanted to try it as fast as I can, so I prepared everything needed and created several tests. I’m going to present to you their source code and results.

Create Your First WebDriver Test Project

1. Create New Test Project in Visual Studio.

2. Install NuGet package manager and navigate to it.

3. Search for Selenium and install the first item in the result list

Microsoft Edge WebDriver C# Code

Test’s Test Case

The primary goal of the below tests is going to be to create a “healthy” diet menu from specially designed by me- diet generator page.

Code Examples in Firefox WebDriver

The automation of the above form using Firefox WebDriver is a trivial task.

C#
[TestClass]
public class HealthyDietMenuGeneratorTestsFirefox
{
    private IWebDriver driver { get; set; }

    [TestInitialize]
    public void SetupTest()
    {
        this.driver = new FirefoxDriver();
    }

    [TestCleanup]
    public void TeardownTest()
    {
        this.driver.Quit();
    }

    [TestMethod]
    public void FillAwsomeDietTest()
    {
        this.driver.Navigate().GoToUrl(@"http://automatetheplanet.com/healthy-diet-menu-generator/");
        var addAdditionalSugarCheckbox = this.driver.FindElement(By.Id("ninja_forms_field_18"));
        addAdditionalSugarCheckbox.Click();
        var ventiCoffeeRadioButton = this.driver.FindElement(By.Id("ninja_forms_field_19_1"));
        ventiCoffeeRadioButton.Click();
        SelectElement selectElement = new SelectElement(this.driver.FindElement(By.XPath("//*[@id='ninja_forms_field_21']")));
        selectElement.SelectByText("7 x BBQ Ranch Burgers");
        var smotheredChocolateCakeCheckbox = this.driver.FindElement(By.Id("ninja_forms_field_27_2"));
        smotheredChocolateCakeCheckbox.Click();
        var addSomethingToDietTextArea = this.driver.FindElement(By.Id("ninja_forms_field_22"));
        addSomethingToDietTextArea.SendKeys(@"Goi cuon- This snack made from pork, shrimp, herbs, rice vermicelli and other ingredients wrapped in rice paper is served at room temperature. It’s "meat light," with the flavors of refreshing herbs erupting in your mouth.");
        var rockStarRating = this.driver.FindElement(By.XPath("//*[@id='ninja_forms_field_20_div_wrap']/span/div[11]/a"));
        rockStarRating.Click();
        var firstNameTextBox = this.driver.FindElement(By.Id("ninja_forms_field_23"));
        firstNameTextBox.SendKeys("Anton");
        var lastNameTextBox = this.driver.FindElement(By.Id("ninja_forms_field_24"));
        lastNameTextBox.SendKeys("Angelov");
        var emailTextBox = this.driver.FindElement(By.Id("ninja_forms_field_25"));
        emailTextBox.SendKeys("aangelov@yahoo.com");
        var awsomeDietSubmitButton = this.driver.FindElement(By.Id("ninja_forms_field_28"));
        awsomeDietSubmitButton.Click();
    }
}

The driver instance is created in the TestSetup method and disposed in the TestCleanup. After that the test navigates to the desired page, finds the specified elements and performs the required action. If you don’t know how to use the different WebDriver methods, you might find interesting my fast-read tutorial on the matter- Getting Started with WebDriver C# in 10 Minutes.

The test was executed for ~16 seconds.

Code Examples in Firefox WebDriver + Page Objects

I also rewrote the test to use WebDriver Page Objects. I created a HealthyDietGeneratorPage class where all elements are present.

C#
public class HealthyDietGeneratorPage
{
    public readonly string Url = @"http://automatetheplanet.com/healthy-diet-menu-generator/";

    public HealthyDietGeneratorPage(IWebDriver browser)
    {
        PageFactory.InitElements(browser, this);
    }

    [FindsBy(How = How.Id, Using = "ninja_forms_field_18")]
    public IWebElement AddAdditionalSugarCheckbox { get; set; }

    [FindsBy(How = How.Id, Using = "ninja_forms_field_19_1")]
    public IWebElement VentiCoffeeRadioButton { get; set; }

    [FindsBy(How = How.XPath, Using = "//*[@id='ninja_forms_field_21']")]
    public IWebElement BurgersDropDown { get; set; }

    [FindsBy(How = How.Id, Using = "ninja_forms_field_27_2")]
    public IWebElement SmotheredChocolateCakeCheckbox { get; set; }

    [FindsBy(How = How.Id, Using = "ninja_forms_field_22")]
    public IWebElement AddSomethingToDietTextArea { get; set; }

    [FindsBy(How = How.XPath, Using = "//*[@id='ninja_forms_field_20_div_wrap']/span/div[11]/a")]
    public IWebElement RockStarRating { get; set; }

    [FindsBy(How = How.Id, Using = "ninja_forms_field_23")]
    public IWebElement FirstNameTextBox { get; set; }

    [FindsBy(How = How.Id, Using = "ninja_forms_field_24")]
    public IWebElement LastNameTextBox { get; set; }

    [FindsBy(How = How.Id, Using = "ninja_forms_field_25")]
    public IWebElement EmailTextBox { get; set; }

    [FindsBy(How = How.Id, Using = "ninja_forms_field_28")]
    public IWebElement AwsomeDietSubmitButton { get; set; }
}

When the object is created for the first time, all elements are initialized through the WebDriver’s PageFactory.

The code of the test is almost identical with the only difference that the elements initializations are now a responsibility of the page object.

C#
[TestClass]
public class HealthyDietMenuGeneratorTestsFirefox
{
    private IWebDriver driver { get; set; }

    [TestInitialize]
    public void SetupTest()
    {
        this.driver = new FirefoxDriver();
    }

    [TestCleanup]
    public void TeardownTest()
    {
        this.driver.Quit();
    }

    [TestMethod]
    public void FillAwsomeDietTest_ThroughPageObjects()
    {
        HealthyDietGeneratorPage healthyDietGeneratorPage = new HealthyDietGeneratorPage(this.driver);
        this.driver.Navigate().GoToUrl(healthyDietGeneratorPage.Url);
        healthyDietGeneratorPage.AddAdditionalSugarCheckbox.Click();
        healthyDietGeneratorPage.VentiCoffeeRadioButton.Click();
        SelectElement selectElement = new SelectElement(healthyDietGeneratorPage.BurgersDropDown);
        selectElement.SelectByText("7 x BBQ Ranch Burgers");
        healthyDietGeneratorPage.SmotheredChocolateCakeCheckbox.Click();
        healthyDietGeneratorPage.AddSomethingToDietTextArea.SendKeys(@"Goi cuon- This snack made from pork, shrimp, herbs, rice vermicelli and other ingredients wrapped in rice paper is served at room temperature. It’s "meat light," with the flavors of refreshing herbs erupting in your mouth.");
        healthyDietGeneratorPage.RockStarRating.Click();
        healthyDietGeneratorPage.FirstNameTextBox.SendKeys("Anton");
        healthyDietGeneratorPage.LastNameTextBox.SendKeys("Angelov");
        healthyDietGeneratorPage.EmailTextBox.SendKeys("aangelov@yahoo.com");
        healthyDietGeneratorPage.AwsomeDietSubmitButton.Click();
    }
}

The execution time almost didn’t change- ~15 seconds. Anyway, it was a little bit faster.

Microsoft Edge WebDriver Prerequisites

1. Download Microsoft Edge WebDriver executable from the official Microsoft website.

2. Install Microsoft Edge WebDriver from the previously downloaded setup.

3. Create a virtual machine or upgrade your OS to Windows 10, the Microsoft Edge WebDriver is compatible only with it.

Code Examples in Microsoft Edge WebDriver

On theory, the same tests should be able to be executed through the new WebDriver, only with the exchange of the driver type. The setup for the Microsoft Edge WebDriver is a little bit more complicated. Also, there are some not supported yet methods like GoToUrl and FindElement by XPath. The navigation to a new URL is achieved through this.driver.Url assignment.

[TestClass]
public class HealthyDietMenuGeneratorTestsEdge
{
    public IWebDriver driver;
    private string serverPath = "Microsoft Web Driver";

    [TestInitialize]
    public void SetupTest()
    {
        if (System.Environment.Is64BitOperatingSystem)
        {
            serverPath = Path.Combine(System.Environment.ExpandEnvironmentVariables("%ProgramFiles(x86)%"), serverPath);
        }
        else
        {
            serverPath = Path.Combine(System.Environment.ExpandEnvironmentVariables("%ProgramFiles%"), serverPath);
        }
        EdgeOptions options = new EdgeOptions();
        options.PageLoadStrategy = EdgePageLoadStrategy.Eager;
        this.driver = new EdgeDriver(serverPath, options);

        //Set page load timeout to 5 seconds
        this.driver.Manage().Timeouts().SetPageLoadTimeout(TimeSpan.FromSeconds(5));
    }

    [TestCleanup]
    public void TeardownTest()
    {
        this.driver.Quit();
    }

    [TestMethod]
    public void FillAwsomeDietTest()
    {
        //this.Driver.Navigate().GoToUrl(@"http://automatetheplanet.com/healthy-diet-menu-generator/");
        this.driver.Url = @"http://automatetheplanet.com/healthy-diet-menu-generator/";
        var addAdditionalSugarCheckbox = this.driver.FindElement(By.Id("ninja_forms_field_18"));
        addAdditionalSugarCheckbox.Click();
        var ventiCoffeeRadioButton = this.driver.FindElement(By.Id("ninja_forms_field_19_1"));
        ventiCoffeeRadioButton.Click();
        //SelectElement selectElement = new SelectElement(this.Driver.FindElement(By.Id("ninja_forms_field_21")));
        //selectElement.SelectByText("7 x BBQ Ranch Burgers");
        var smotheredChocolateCakeCheckbox = this.driver.FindElement(By.Id("ninja_forms_field_27_2"));
        smotheredChocolateCakeCheckbox.Click();
        var addSomethingToDietTextArea = this.driver.FindElement(By.Id("ninja_forms_field_22"));
        addSomethingToDietTextArea.SendKeys(@"Goi cuon- This snack made from pork, shrimp, herbs, rice vermicelli and other ingredients wrapped in rice paper is served at room temperature. It’s "meat light," with the flavors of refreshing herbs erupting in your mouth.");
        //var rockStarRating = this.Driver.FindElement(By.XPath("//*[@id='ninja_forms_field_20_div_wrap']/span/div[11]/a"));
        //rockStarRating.Click();
        var firstNameTextBox = this.driver.FindElement(By.Id("ninja_forms_field_23"));
        firstNameTextBox.SendKeys("Anton");
        var lastNameTextBox = this.driver.FindElement(By.Id("ninja_forms_field_24"));
        lastNameTextBox.SendKeys("Angelov");
        var emailTextBox = this.driver.FindElement(By.Id("ninja_forms_field_25"));
        emailTextBox.SendKeys("aangelov@yahoo.com");
        var awsomeDietSubmitButton = this.driver.FindElement(By.Id("ninja_forms_field_28"));
        awsomeDietSubmitButton.Click();
    }
}

The same test executed with Firefox Driver finished for 16 seconds; now it was run for 4 seconds using the new Microsoft Edge WebDriver.

The page object implementation was even faster. The test execution took only 3 seconds.

C#
[TestClass]
public class HealthyDietMenuGeneratorTestsEdge
{
    private IWebDriver driver;
    private string serverPath = "Microsoft Web Driver";

    [TestInitialize]
    public void SetupTest()
    {
        if (System.Environment.Is64BitOperatingSystem)
        {
            serverPath = Path.Combine(System.Environment.ExpandEnvironmentVariables("%ProgramFiles(x86)%"), serverPath);
        }
        else
        {
            serverPath = Path.Combine(System.Environment.ExpandEnvironmentVariables("%ProgramFiles%"), serverPath);
        }
        EdgeOptions options = new EdgeOptions();
        options.PageLoadStrategy = EdgePageLoadStrategy.Eager;
        this.driver = new EdgeDriver(serverPath, options);

        //Set page load timeout to 5 seconds
        this.driver.Manage().Timeouts().SetPageLoadTimeout(TimeSpan.FromSeconds(5));
    }

    [TestCleanup]
    public void TeardownTest()
    {
        this.driver.Quit();
    }

    [TestMethod]
    public void FillAwsomeDietTest_ThroughPageObjects()
    {
        HealthyDietGeneratorPage healthyDietGeneratorPage = new HealthyDietGeneratorPage(this.driver);
        //this.Driver.Navigate().GoToUrl(healthyDietGeneratorPage.Url);
        this.driver.Url = healthyDietGeneratorPage.Url;
        healthyDietGeneratorPage.AddAdditionalSugarCheckbox.Click();
        healthyDietGeneratorPage.VentiCoffeeRadioButton.Click();
        //SelectElement selectElement = new SelectElement(healthyDietGeneratorPage.BurgersDropDown);
        //selectElement.SelectByText("7 x BBQ Ranch Burgers");
        healthyDietGeneratorPage.SmotheredChocolateCakeCheckbox.Click();
        healthyDietGeneratorPage.AddSomethingToDietTextArea.SendKeys(@"Goi cuon- This snack made from pork, shrimp, herbs, rice vermicelli and other ingredients wrapped in rice paper is served at room temperature. It’s "meat light," with the flavors of refreshing herbs erupting in your mouth.");
        //healthyDietGeneratorPage.RockStarRating.Click();
        healthyDietGeneratorPage.FirstNameTextBox.SendKeys("Anton");
        healthyDietGeneratorPage.LastNameTextBox.SendKeys("Angelov");
        healthyDietGeneratorPage.EmailTextBox.SendKeys("aangelov@yahoo.com");
        healthyDietGeneratorPage.AwsomeDietSubmitButton.Click();
    }
}

So Far in the 'Pragmatic Automation with WebDriver' Series

License

This article, along with any associated source code and files, is licensed under The Microsoft Public License (Ms-PL)


Written By
CEO Automate The Planet
Bulgaria Bulgaria
CTO and Co-founder of Automate The Planet Ltd, inventor of BELLATRIX Test Automation Framework, author of "Design Patterns for High-Quality Automated Tests: High-Quality Test Attributes and Best Practices" in C# and Java. Nowadays, he leads a team of passionate engineers helping companies succeed with their test automation. Additionally, he consults companies and leads automated testing trainings, writes books, and gives conference talks. You can find him on LinkedIn every day.

Comments and Discussions

 
QuestionDearly Beloved we are gathered here to celebrate the life of CodedUI. Gone in just 5 years... Pin
Your Display Name Here5-Aug-15 17:07
Your Display Name Here5-Aug-15 17:07 
GeneralCool info, my vote up Pin
Gaurav Aroraa5-Aug-15 3:04
professionalGaurav Aroraa5-Aug-15 3:04 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.