@sap_oss/wdio-qmate-service/test/core/functional/chaining/chaining.test.js

[](https://api.reuse.software/info/github.com/SAP/wdio-qmate-service)[](http

"use strict";
describe("webdriver.io page", function () {
  this.beforeAll(async () => {
    await browser.url("#/categories");
  });

  it("step 0:click on item Accessories - Use array controls", async function () {
    const ui5ControlProperties = {
      elementProperties: { metadata: "sap.m.List", items: [{ path: "/ProductCategories" }] },
      parentProperties: { metadata: "sap.m.Page", title: [{ path: "i18n>homeTitle" }] }
    };
    const ui5ControlProperties2 = {
      elementProperties: {
        metadata: "sap.m.StandardListItem",
        title: [{ path: "CategoryName" }],
        bindingContextPath: "/ProductCategories*"
      }
    };

    const list = await browser.uiControl(ui5ControlProperties);
    const allItems = await list.uiControls(ui5ControlProperties2);

    expect(allItems).toBeInstanceOf(Array);
    await expect(allItems[0]).toBeDisplayed();
    await allItems[0].click();
  });

  it("step 1:navigate back to main page", async function () {
    const ui5ControlProperties = {
      elementProperties: {
        viewName: "sap.ui.demo.cart.view.Category",
        metadata: "sap.ui.core.Icon",
        id: "*page-navButton-iconBtn"
      }
    };
    const backToListBtn = await browser.uiControl(ui5ControlProperties);
    await expect(backToListBtn).toBeClickable();
    await backToListBtn.click();
  });

  it("step 2:click on item Accessories - Use control and index", async function () {
    const ui5ControlProperties = {
      elementProperties: { metadata: "sap.m.List", items: [{ path: "/ProductCategories" }] },
      parentProperties: { metadata: "sap.m.Page", title: [{ path: "i18n>homeTitle" }] }
    };
    const ui5ControlProperties2 = {
      elementProperties: {
        metadata: "sap.m.StandardListItem",
        title: [{ path: "CategoryName" }],
        bindingContextPath: "/ProductCategories*"
      }
    };
    const list = await browser.uiControl(ui5ControlProperties);
    const item1 = await list.uiControl(ui5ControlProperties2, 0);
    const item2 = await list.uiControl(ui5ControlProperties2, 1);
    // expect(ui5ControlProperties2).toBeInstanceOf(Object); use check for  item1?
    await expect(await item1.getAttribute("id")).not.toBeNull();
    await expect(await item2.getAttribute("id")).not.toBeNull();
    await item2.click();
  });

  it("step 3:click on item Accessories - Use control and index", async function () {
    const ui5ControlProperties = {
      elementProperties: {
        viewName: "sap.ui.demo.cart.view.Category",
        metadata: "sap.m.Page",
        id: "*page"
      }
    };
    const ui5ControlProperties2 = {
      elementProperties: {
        viewName: "sap.ui.demo.cart.view.Category",
        metadata: "sap.m.ObjectListItem",
        bindingContextPath: "/Products*'HT-1114')"
      }
    };
    const ui5ControlProperties3 = {
      elementProperties: {
        viewName: "sap.ui.demo.cart.view.Category",
        metadata: "sap.m.Button",
        id: "*page-navButton"
      }
    };
    const productList = await browser.uiControl(ui5ControlProperties);
    const item = await productList.uiControl(ui5ControlProperties2);
    const backButton = await productList.uiControl(ui5ControlProperties3);
    await expect(await item.getAttribute("id")).not.toBeNull();
    await item.click();
    await expect(backButton).toBeDisplayedInViewport();
    await expect(await backButton.getAttribute("id")).not.toBeNull();
    await backButton.click();
  });

  it("step 4:fill search field in Categories - Use control and index", async function () {
    const ui5ControlProperties = {
      elementProperties: {
        viewName: "sap.ui.demo.cart.view.Home",
        metadata: "sap.m.Toolbar",
        id: "*searchBar33343"
      }
    };
    const ui5ControlProperties2 = {
      elementProperties: {
        viewName: "sap.ui.demo.cart.view.Home",
        metadata: "sap.m.SearchField",
        id: "*searchField"
      }
    };
    const list = await browser.uiControl(ui5ControlProperties);
    const item1 = await list.uiControl(ui5ControlProperties2, 0);
    await expect(await item1.getAttribute("id")).not.toBeNull();
    // item1.setValue("ABCDEF"); async code without await
    // await common.userInteraction.pressEnter(); // we cannot use reuse
  });

  it("step 5:fill wrong element and catch error - Use control and index", async function () {
    const ui5ControlProperties = {
      elementProperties: {
        viewName: "sap.ui.demo.cart.view.Home",
        metadata: "sap.m.Toolbar",
        id: "*searchBar33343"
      }
    };
    const ui5ControlWrongProperties = {
      elementProperties: {
        viewName: "sap.ui.demo.cart.view.Home",
        metadata: ".m.SearchField",
        id: "*"
      }
    };
    const list = await browser.uiControl(ui5ControlProperties);
    await expect(list.uiControl(ui5ControlWrongProperties, 0)).rejects.toThrowError(/No visible elements found/);
  });
});