@sap_oss/wdio-qmate-service/test/reuse/ui5/userInteraction/scrollToElement.spec.js

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

"use strict";
const { BASE_URL } = require("../../../../src/reuse/constants.ts");
const { handleCookiesConsent } = require("../../../helper/utils");

describe("element - scrollToElement - default, no args", function () {
  it("Preparation", async function () {
    await browser.navigateTo(`${BASE_URL}/test-resources/sap/m/demokit/cart/webapp/index.html?sap-ui-theme=sap_fiori_3`);
  });

  it("Execution & Verification", async function () {
    const selector = {
      elementProperties: {
        viewName: "sap.ui.demo.cart.view.Welcome",
        metadata: "sap.m.Title",
        text: [
          {
            path: "i18n>promotedTitle"
          }
        ]
      }
    };
    const index = 0;
    const alignment = "start";
    const timeout = 30000;
    await ui5.userInteraction.scrollToElement(selector, index, alignment, timeout);
    await ui5.assertion.expectToBeVisible(selector);
  });
});

describe("element - scrollToElement - with custom alignment options ", function () {
  it("Preparation", async function () {
    await browser.navigateTo(`${BASE_URL}/test-resources/sap/m/demokit/cart/webapp/index.html?sap-ui-theme=sap_fiori_3`);
  });

  it("Execution & Verification", async function () {
    const selector = {
      elementProperties: {
        viewName: "sap.ui.demo.cart.view.Welcome",
        metadata: "sap.m.Title",
        text: [
          {
            path: "i18n>promotedTitle"
          }
        ]
      }
    };
    const index = 0;
    const alignmentOptions = { inline: "nearest", block: "start" };
    const timeout = 30000;
    await ui5.userInteraction.scrollToElement(selector, index, alignmentOptions, timeout);
    await ui5.assertion.expectToBeVisible(selector);
  });
});

describe("element - scrollToElement outside of viewpoint", function () {
  it("Preparation", async function () {
    await common.navigation.navigateToUrl(`${BASE_URL}/#/entity/sap.m.MultiComboBox/sample/sap.m.sample.MultiComboBox`);
    await handleCookiesConsent();
    await util.browser.switchToIframe("[id='sampleFrame']");
  });

  it("Execution", async function () {
    const selectorForDropdownList = {
      elementProperties: {
        viewName: "sap.m.sample.MultiComboBox.view.MultiComboBox",
        metadata: "sap.m.MultiComboBox"
      }
    };
    const selector = {
      elementProperties: {
        viewName: "sap.m.sample.MultiComboBox.view.MultiComboBox",
        metadata: "sap.m.StandardListItem",
        title: "Smart Games"
      }
    };

    await ui5.userInteraction.clickSelectArrow(selectorForDropdownList);
    await ui5.userInteraction.scrollToElement(selector);
    await ui5.userInteraction.click(selector);
  });

  it("Verification", async function () {
    const selector = {
      elementProperties: {
        viewName: "sap.m.sample.MultiComboBox.view.MultiComboBox",
        metadata: "sap.m.Token"
      }
    };
    await ui5.assertion.expectAttributeToBe(selector, "text", "Smart Games");
  });
});

describe("element - scrollToElement and catch error", function () {
  it("Preparation", async function () {
    await browser.navigateTo(`${BASE_URL}/test-resources/sap/m/demokit/cart/webapp/index.html?sap-ui-theme=sap_fiori_3`);
  });

  it("Execution & Verification", async function () {
    const selector = {
      elementProperties: {
        viewName: "ghgjho.cart.view.Welcome",
        metadata: "",
        text: [
          {
            path: "i18n>promotedTitle"
          }
        ]
      }
    };
    const index = 0;
    const alignment = "start";
    const timeout = 30000;
    await expect(ui5.userInteraction.scrollToElement(selector, index, alignment, timeout)).rejects.toThrow(/No visible elements found/);
  });
});