DEV Community: Nishant Kashyap

Write Your First Automation Script In Just 20 Mins!

Nishant Kashyap — Thu, 05 Jan 2023 14:39:22 +0000

What Is The Need For Automation?

In today’s world, testing can not be efficient without automation. We need automation for avoiding repetitive work, making sure that the time from development to deployment is reduced with good quality. In order to achieve these, we need reliable automation tests and regression suite. Manual test(s) should just support automation for feature/product testing and release not vice-versa.

We need good, quality automation tests, not just automation tests. We need tests which are reliable, robust, easy to code, debug, scale and can run in parallel on distributed environment.

Check this out: System Testing Tutorial: A Comprehensive Guide With Examples and Best Practices

How do I write my first UI test?

One love for Selenium! Isn’t it ?

Since, Selenium is an open source testing tool it serves the need for cost-effective automation testing and the community always support the cost effective tool with required features.
It’s capability to operate on almost every OS and multiple language support i.e. Pearl, PHP,Python, Java, .NET(C#) and Ruby provides the flexibility that every user wants.
The language which is mostly used for building the program is independent of the language that is being used by the web application or website. Which implies that you can develop the test script in any of the mentioned languages that the Selenium supports.

There are several ways to quickly start automating a GUI flow using selenium. Let’s do it using python.

**Pre-Req : **We need python and selenium binding to be installed in the machine. If you don’t have already , follow the below steps.

Download and install Python :-

MAC: https://www.python.org/downloads/mac-osx/
Linux: https://www.python.org/downloads/source/
Windows: https://www.python.org/downloads/windows/

Command to check python version using command line :-
python –version

2- Install selenium libraries for python.

[http://selenium-python.readthedocs.io/installation.html ]

command:-
pip install selenium

3- Install geckodriver

Since we will use latest version of selenium(3.0) with latest firefox bindings , download geckodriver :-

https://github.com/mozilla/geckodriver/releases

OR
Install using command line ( using brew ):-
brew install geckodriver

Check this out: Smoke Testing Tutorial: A Comprehensive Guide With Examples And Best Practices

We are all set to write our first test!
Let’s search for an item in myntra.com

Code [ Self Explanatory]:

    from selenium import webdriver
    from selenium.webdriver.common.by import By
    from selenium.webdriver.support.ui import WebDriverWait
    from selenium.webdriver.support import expected_conditions as EC
    from selenium.webdriver.common.keys import Keys
    from selenium.webdriver.support.ui import Select
    from random import randint

    browser = webdriver.Firefox()
    browser.set_page_load_timeout(30)

    browser.get('https://www.myntra.com/')
    assert "Online Shopping" in browser.title

    search = browser.find_element_by_class_name("desktop-searchBar")  # Find the search box by class
    search.send_keys("watch") #send the value of search field

    submit_button = browser.find_element_by_class_name("desktop-submit")
    submit_button.click()
    #Lets wait for lobby page to load
    delay = 10 # seconds max wait
    myElem = WebDriverWait(browser, delay).until(EC.presence_of_element_located((By.CLASS_NAME, "horizontal-filters-title")))
    browser.save_screenshot("loggedIn.png") ## This will be stored in the location/path mentioned or the current directory
    browser.close() # close browser

Tips:- Locate selenium elements for python — http://selenium-python.readthedocs.io/locating-elements.html

This certification is ideal for testing professionals who want to acquire advanced, hands-on knowledge in Selenium automation testing.

Here’s a short glimpse of the Selenium Advanced certification from LambdaTest:

Check this out: Usability Testing: A Comprehensive Guide With Examples And Best Practices

Loadable Components In Selenium: Make Your Test Robust For Slow Loading Web Pages

Nishant Kashyap — Thu, 05 Jan 2023 14:01:34 +0000

Being in automation testing for the last 10 years I have faced a lot of problems. Recently I was working on a selenium automation project and in that project everything was going fine until I faced a most common but difficult problem. How to make sure that my selenium automation testing work fine even for slow loading web pages. A quick google and browsing through forums highlighted that this is a problem that testers are facing for many past years. If you too have faced it then yes, this article is there to help you from my personal experience.

Let’s take a look, at which are the most wanted test automation tools in 2023 that have climbed the top of the ladder so far?

Well, this problem is majorly observed in the case when the web application uses a javascript heavy framework.

The component that’s gonna help us in page loading is an extended version of PageObject pattern called Loadable component.In the selenium library, Loadable Component class helps the automation test engineers to make sure that the page or its component is loaded successfully. This hack should greatly reduce the efforts that you put in debugging your test cases.

Check this out: Appium Tutorial: A Detailed Guide To Appium Automation Testing

On a side note, to make your life of testing easy and fuss-free while debugging, you can try the LT Debug Chrome extension.

To start with, we would first have to make sure that all the PageObject classes extends the abstract LoadableComponent class and in turn provide implementation for the following two methods:

protected abstract void load()
protected abstract void isLoaded() throws java.lang.Error

Code to ensure whether the page or component inside the page is completely loaded in given in isLoaded(). If the page is not completely loaded, java.lang.Error is thrown

Fallback or mitigation code is given load(), if isLoaded() fails to load the complete page successfully.

Check this out: A Complete End to End Testing Tutorial: Comprehensive Guide With Examples and Best Practices

Let’s take an example on how it works :

Suppose, we have a LoginPage with username, password and submit button.

    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.WebElement;
    import org.openqa.selenium.support.CacheLookup;
    import org.openqa.selenium.support.FindBy;
    import org.openqa.selenium.support.PageFactory;

    public class LoginPage {

    private WebDriver driver;

    @FindBy(id = "login_username")
    private WebElement usernameInputBox;

    @FindBy(id = "login_password")
    private WebElement passwordInputBox;

    @FindBy(id = "login_submit")
    private WebElement loginButton;

    public AdminLoginPageUsingLoadableComponent(WebDriver driver){
    this.driver = driver;
    PageFactory.initElements(driver, this);
    }

    public NextPage login(String loginUsername, String loginPassword){
    usernameInputBox.sendKeys(loginUsername");
    passwordInputBox.sendKeys(loginPassword");
    loginButton.click();

    return PageFactory.initElements(driver, NextPage.class);
    }

    }

Now, the above PageObject can be transformed using LoadableCompenent like below.

   import org.junit.Assert;
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.WebElement;
    import org.openqa.selenium.support.CacheLookup;
    import org.openqa.selenium.support.FindBy;
    import org.openqa.selenium.support.PageFactory;
    import org.openqa.selenium.support.ui.LoadableComponent;

    public class LoginPageUsingLoadableComponent extends LoadableCompenent {

    private WebDriver driver;

    @FindBy(id = "login_username")
    private WebElement usernameInputBox;

    @FindBy(id = "login_password")
    private WebElement passwordInputBox;

    @FindBy(id = "login_submit")
    private WebElement loginButton;

    public LoginPageUsingLoadableComponent(WebDriver driver){
    this.driver = driver;
    PageFactory.initElements(driver, this);
    }

    public NextPage login(String loginUsername, String loginPassword){
    usernameInputBox.sendKeys(loginUsername");
    passwordInputBox.sendKeys(loginPassword");
    loginButton.click();

    return PageFactory.initElements(driver, NextPage.class);
    }

    @Override
    protected void load() {
    driver.get("http://www.example.com/login");
    }

    @Override
    protected void isLoaded() throws Error {
    Assert.assertTrue(driver.getCurrentUrl().contains("login"));
    }

    }

    LoginPageUsingLoadableComponent loginPage = new LoginPageUsingLoadableComponent(driver).get();

The get() method from the LoadableComponent class will ensure sure the page or the component is loaded by invoking the isLoaded() method. If the assertion fails there, load() method is called, followed by isLoaded().

Check this out: A Complete End to End (E2E) Testing Tutorial: Comprehensive Guide With Examples and Best Practices

Hope this article helps in stabilizing UI tests !!!