Selenium Page Objects

Create a new Page Object

1. In the Project tool window, right-click the directory where you want to store the Page Object and select New | Selenium Page Object.

2. Select the implementation language, framework, and give the Page Object a name.

   

   If needed, you can customize the Web Inspector template. For more information, refer to Aqua documentation

3. Click OK.

As a result, a new Page Object is created based on the template, and Web Inspector is opened with the appropriate web page. You can then select and add the desired elements to the Page Object as described below.

Select a web element

To add an element to your code, you need to select it first. There are several ways to do this:

• Click the button located in the Locators Evaluator section and select the desired element.

  

• Start typing the locator or its substring in the search field of the Locators Evaluator section. The auto-completion feature suggests a list of elements to choose from.

  

• Select the required element in the Page structure section.

  

Once you selected an element, IntelliJ IDEA generates a unique locator for it. This ensures that each locator points to a specific element on the page.

Add elements to code

To add the element to your code, do one of the following:

• Click the button in the Locators Evaluator section. Prior to this, you can select the type of the locator (CSS, XPath) by clicking the button.

• If you want to add an element to your code using a specific selector (ID, Name, Tag with classes, and so on), click the button and select the desired one from the list.

  

As a result, a piece of code is generated for the supported framework and added to the code editor. If the system defined the framework incorrectly, you can manually change it.

You can also simply copy the locator to clipboard by clicking the button. After that, you can manually add the copied locator to your code.