@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.");
  });
});