added test to check action buttons within viewport

cylc · Aug 10, 2023 · 10a1ea8 · 10a1ea8
1 parent 01770d3
commit 10a1ea8
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/tests/e2e/specs/mutation.cy.js b/tests/e2e/specs/mutation.cy.js
@@ -199,4 +199,19 @@ describe('Mutations component', () => {
       .get('@errTooltip')
       .should('not.have.css', 'display', 'none')
   })
+  it.only('should display action buttons within viewport', () => {
+    mockMutations()
+    openMutationsForm('checkpoint')
+    cy.get('.v-card-actions').eq(0).then(($el) => {
+      console.log('element', $el[0])
+      const rect = $el[0].getBoundingClientRect() // https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect
+      const isInViewport = (
+        rect.top >= -2 &&
+        rect.left >= 0 &&
+        rect.bottom <= Cypress.$(cy.state('window')).height() &&
+        rect.right <= Cypress.$(cy.state('window')).width()
+      )
+      expect(isInViewport).to.be.true
+    })
+  })
 })