Merge pull request #11941 from overleaf/ii-recompile-tooltip

[web] Recompile tooltip fix

GitOrigin-RevId: da3282b9da0133f5b6ec84c4453bd6ab19b739af

services/web/test/frontend/components/shared/tooltip.spec.tsx

@@ -0,0 +1,35 @@
+import Tooltip from '../../../../frontend/js/shared/components/tooltip'
+
+describe('<Tooltip />', function () {
+  it('calls the bound handler and blur then hides text on click', function () {
+    const clickHandler = cy.stub().as('clickHandler')
+    const blurHandler = cy.stub().as('blurHandler')
+    const description = 'foo'
+    const btnText = 'Click me!'
+
+    cy.mount(
+      <div
+        style={{
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          height: '100vh',
+        }}
+      >
+        <Tooltip id="abc" description={description}>
+          <button onClick={clickHandler} onBlur={blurHandler}>
+            {btnText}
+          </button>
+        </Tooltip>
+      </div>
+    )
+
+    cy.findByRole('button', { name: btnText }).as('button')
+    cy.get('@button').trigger('mouseover')
+    cy.findByText(description)
+    cy.get('@button').click()
+    cy.get('@clickHandler').should('have.been.calledOnce')
+    cy.get('@blurHandler').should('have.been.calledOnce')
+    cy.findByText(description).should('not.exist')
+  })
+})