test: add tooltip e2e

[anuraghazra]

No description provided.

[changeset-bot]

⚠️ No Changeset found

Latest commit: b01dc59

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

[github-actions]

✅ PR title follows Conventional Commits specification.

[kamleshchandnani]

overall lgtm except the custom interactive trigger which shows tooltip in the center

[anuraghazra]

Done

[kamleshchandnani]

why pass manually? this would cause issue when consumer use it the way you were using before right? also why use basebox? we can use Box right?

[anuraghazra]

This is just an example showing how to pass proper props like onMouseOver onMouseHover ref tabIndex to properly create a trigger for tooltip. The styling & usage of box etc hardly matters in this example.

[anuraghazra]

Plus Box doesn't even support onBlur onFocus etc props.

[kamleshchandnani]

Sure but what i'm trying to ask is if consumer will create custom tooltip they'll have to pass these things as well right?

[anuraghazra]

Yes. events are required for users to create custom triggers. This is already well documented in the main story example

https://blade.razorpay.com/?path=/story/components-tooltip--with-custom-trigger