@sap_oss/wdio-qmate-service/test/reuse/ui5/assertion/expectToBeVisibleInViewport.spec.js

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

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

describe("assertion - expectToBeVisibleInViewport with element in viewport", function () {

  it("Preparation", async function () {
    await browser.url("#/categories");
    await handleCookiesConsent();
  });

  it("Execution", async function () {
    selector = {
      "elementProperties": {
        "viewName": "sap.ui.demo.cart.view.Home",
        "metadata": "sap.m.SearchField",
        "id": "*searchField"
      }
    };
  });

  it("Verification", async function () {
    await ui5.assertion.expectToBeVisibleInViewport(selector);
  });
});

describe("assertion - expectToBeVisibleInViewport with element outside viewport (unhappy case)", function () {
  it("Preparation", async function () {
    await browser.url(`${BASE_URL}/`);
    await handleCookiesConsent();
  });

  it("Execution", async function () {
    selector = {
      "elementProperties": {
        "viewName": "sap.ui.documentation.sdk.view.Welcome",
        "metadata": "sap.ui.documentation.TitleLink",
        "text": "YouTube"
      }
    };
  });

  it("Verification", async function () {
    await expect(ui5.assertion.expectToBeVisibleInViewport(selector, 0, 2500))
      .rejects.toThrow("Function 'expectToBeVisibleInViewport' failed: Given Selector was not in the Viewport.");
  });
});