Page Objects

Learn how to use the BELLATRIX page objects.

Introduction

As you most probably noticed this is like the 4th time we use almost the same elements and logic inside our tests. Similar test writing approach leads to unreadable and hard to maintain tests. Because of that people use the so-called Page Object design pattern to reuse their elements and pages’ logic. BELLATRIX comes with powerful built-in page objects which are much more readable and maintainable than regular vanilla WebDriver ones.

Non-page-object Test Example

[Test]
public void ActionsWithoutPageObjects_Wpf()
{
    var permanentTransfer = App.Components.CreateByName<CheckBox>("BellaCheckBox");

    permanentTransfer.Check();

    Assert.IsTrue(permanentTransfer.IsChecked);

    var items = App.Components.CreateByAutomationId<ComboBox>("select");

    items.SelectByText("Item2");

    Assert.AreEqual("Item2", items.InnerText);

    var returnItemAfter = App.Components.CreateByName<Element>("DisappearAfterButton1");

    returnItemAfter.ToNotExists().WaitToBe();

    var password = App.Components.CreateByAutomationId<Password>("passwordBox");

    password.SetPassword("topsecret");

    var userName = App.Components.CreateByAutomationId<TextField>("textBox");

    userName.SetText("bellatrix");

    Assert.AreEqual("bellatrix", userName.InnerText);

    var keepMeLogged = App.Components.CreateByName<RadioButton>("RadioButton");

    keepMeLogged.Click();

    Assert.IsTrue(keepMeLogged.IsChecked);

    var byName = App.Components.CreateByName<Button>("E Button");

    byName.Click();

    var label = App.Components.CreateByName<Label>("Result Label");

    Assert.IsTrue(label.IsPresent);
}

How to Create BELLATRIX Page Object

On most pages, you need to define elements. Placing them in a single place makes the changing of the locators easy. It is a matter of choice whether to have action methods or not. If you use the same combination of same actions against a group of elements then it may be a good idea to wrap them in a page object action method. In our example, we can wrap the transfer of an item in such a method. In the assertions file, we may place some predefined ensure methods. For example, if you always check the same email or title of a page, there is no need to hardcode the string in each test. Later if the title is changed, you can do it in a single place. The same is true about most of the things you can assert in your tests.

Page Object Example

Actions File

public partial class MainDesktopPage : DesktopPage
{
    public void TransferItem(string itemToBeTransfered, string userName, string password)
    {
        PermanentTransfer.Check();
        Items.SelectByText(itemToBeTransfered);
        ReturnItemAfter.ToNotExists().WaitToBe();
        UserName.SetText(userName);
        Password.SetPassword(password);
        KeepMeLogged.Click();
        Transfer.Click();
    }
}

Map File

public partial class MainDesktopPage
{
    public Button Transfer => App.Components.CreateByName<Button>("E Button");
    public CheckBox PermanentTransfer => App.Components.CreateByName<CheckBox>("BellaCheckBox");
    public ComboBox Items => App.Components.CreateByAutomationId<ComboBox>("select");
    public Button ReturnItemAfter => App.Components.CreateByName<Button>("DisappearAfterButton1");
    public Label Results => App.Components.CreateByName<Label>("Result Label");
    public Password Password => App.Components.CreateByAutomationId<Password>("passwordBox");
    public TextField UserName => App.Components.CreateByAutomationId<TextField>("textBox");
    public RadioButton KeepMeLogged => App.Components.CreateByName<RadioButton>("RadioButton");
}

Assertions File

public partial class MainDesktopPage
{
    public void AssertPermanentTransferIsChecked()
    {
        App.Assert.IsTrue(PermanentTransfer.IsChecked);
    }

    public void AssertRightItemSelected(string itemName)
    {
        App.Assert.AreEqual(itemName, Items.InnerText);
    }

    public void AssertRightUserNameSet(string userName)
    {
        App.Assert.AreEqual(userName, UserName.InnerText);
    }

    public void AssertKeepMeLoggedChecked()
    {
        App.Assert.IsTrue(KeepMeLogged.IsChecked);
    }
}

Page Object Example Explanations

public partial class MainDesktopPage : DesktopPage

All BELLATRIX page objects are implemented as partial classes which means that you have separate files for different parts of it- actions, elements, assertions but at the end, they are all built into a single type. This makes the maintainability and readability of these classes much better. Also, you can easier locate what you need. You can always create BELLATRIX page objects yourself inherit one of the 3 classes- AssertedPage or Page. We advise you to follow the convention with partial classes, but you are always free to put all pieces in a single file.

public void TransferItem(string itemToBeTransfered, string userName, string password)
{
    PermanentTransfer.Check();
    Items.SelectByText(itemToBeTransfered);
    ReturnItemAfter.ToNotExists().WaitToBe();
    UserName.SetText(userName);
    Password.SetPassword(password);
    KeepMeLogged.Click();
    Transfer.Click();
}

These elements are always used together when an item is transferred. There are many test cases where you need to transfer different items and so on. This way you reuse the code instead of copy-paste it. If there is a change in the way how the item is transferred, change the workflow only here. Even single line of code is changed in your tests.

public CheckBox PermanentTransfer => App.Components.CreateByName<CheckBox>("BellaCheckBox");

All elements are placed inside the file PageName.Map so that the declarations of your elements to be in a single place. It is convenient since if there is a change in some of the locators or elements types you can apply the fix only here. All elements are implements as properties. Here we use the short syntax for declaring properties, but you can always use the old one. App.Components property is actually a shorter version of ComponentCreateService.

public void AssertPermanentTransferIsChecked()
{
    App.Assert.IsTrue(PermanentTransfer.IsChecked);
}

With this Assert, reuse the formatting of the currency and the timeout. Also, since the method is called from the page it makes your tests a little bit more readable.If there is a change what needs to be checked –> for example, not span but different element you can change it in a single place.

Page Object Test Example

[Test]
public void ActionsWithPageObjects_Wpf()
{
    var mainPage = App.Create<MainDesktopPage>();

    mainPage.TransferItem("Item2", "bellatrix", "topsecret");

    mainPage.AssertKeepMeLoggedChecked();
    mainPage.AssertPermanentTransferIsChecked();
    mainPage.AssertRightItemSelected("Item2");
    mainPage.AssertRightUserNameSet("bellatrix");
}

Page Object Test Example Explanations

var mainPage = App.Create<MainDesktopPage>();

You can use the App Create method to get an instance of it.

mainPage.TransferItem("Item2", "bellatrix", "topsecret");

After you have the instance, you can directly start using the action methods of the page. As you can see the test became much shorter and more readable. The additional code pays off in future when changes are made to the page, or you need to reuse some of the methods.