Add cypress test

toptal · Nov 13, 2024 · 8d9d494 · 8d9d494
1 parent e048b5d
commit 8d9d494
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/cypress/component/Input.spec.tsx b/cypress/component/Input.spec.tsx
@@ -45,4 +45,21 @@ describe('Input', () => {
       variant: 'error-status/after-focused',
     })
   })
+
+  it('shows the `X` when hover over the input', () => {
+    cy.mount(
+      <Container padded='small'>
+        <Input
+          enableReset
+          value='Text'
+          testIds={{ resetButton: 'reset-button' }}
+        />
+      </Container>
+    )
+
+    cy.getByTestId('reset-button').should('not.be.visible')
+    // making sure that we hover over the very end of the input not just the text of the input
+    cy.getByTestId('reset-button').realHover()
+    cy.getByTestId('reset-button').should('be.visible')
+  })
 })
diff --git a/package.json b/package.json
@@ -105,7 +105,6 @@
     "webpack": "^5.0.0",
     "yaml": "2",
     "micromatch": "^4.0.8"
-
   },
   "devDependencies": {
     "@actions/core": "^1.10.0",