add isInViewport command

apps/app/test/cypress/support/commands.ts

@@ -98,3 +98,15 @@ Cypress.Commands.add('collapseSidebar', (isCollapsed: boolean, waitUntilSaving =
     });
   });
 });
+
+Cypress.Commands.add('isInViewport', (selector: string) => {
+  cy.get(selector).then($el => {
+    const bottom = Cypress.config("viewportWidth");
+    const rect = $el[0].getBoundingClientRect();
+
+    expect(rect.top).not.to.be.greaterThan(bottom);
+    expect(rect.bottom).not.to.be.greaterThan(bottom);
+    expect(rect.top).not.to.be.greaterThan(bottom);
+    expect(rect.bottom).not.to.be.greaterThan(bottom);
+  });
+});

apps/app/test/cypress/support/index.ts

@@ -37,6 +37,7 @@ declare global {
        getByTestid(selector: string, options?: Partial<Loggable & Timeoutable & Withinable & Shadow>): Chainable<JQuery<Element>>,
        login(username: string, password: string): Chainable<void>,
        collapseSidebar(isCollapsed: boolean, waitUntilSaving?: boolean): Chainable<void>,
+       isInViewport(selector: string): Chainable<void>,
        waitUntilSkeletonDisappear(): Chainable<void>,
        waitUntilSpinnerDisappear(): Chainable<void>,
     }