add tooltip type test

codegouvfr · Aug 30, 2023 · 4e8ec02 · 4e8ec02
1 parent e29286d
commit 4e8ec02
Showing 1 changed file with 40 additions and 0 deletions.
diff --git a/test/types/Tooltip.tsx b/test/types/Tooltip.tsx
@@ -0,0 +1,40 @@
+import React from "react";
+import { useTooltip } from "../../src/Tooltip";
+
+{
+    const tooltipOnHover = useTooltip();
+
+    <>
+        <a {...tooltipOnHover.tooltipOwnerProps} className="fr-link" href="#">
+            Example with hover
+        </a>
+        <tooltipOnHover.TooltipComponent>Tooltip content</tooltipOnHover.TooltipComponent>
+    </>;
+}
+
+{
+    const tooltipOnClick = useTooltip({ trigger: "click" });
+
+    <>
+        {tooltipOnClick.TooltipOwnerButtonComponent}
+        <tooltipOnClick.TooltipComponent>Tooltip content</tooltipOnClick.TooltipComponent>
+    </>;
+}
+
+{
+    const tooltipOnClick = useTooltip({ trigger: "click", buttonLabel: "Custom button label" });
+
+    <>
+        {tooltipOnClick.TooltipOwnerButtonComponent}
+        <tooltipOnClick.TooltipComponent>Tooltip content</tooltipOnClick.TooltipComponent>
+    </>;
+}
+
+{
+    const tooltipOnClick = useTooltip({ trigger: "click" });
+
+    <>
+        <button {...tooltipOnClick.tooltipOwnerProps}>En savoir plus</button>
+        <tooltipOnClick.TooltipComponent>Tooltip content</tooltipOnClick.TooltipComponent>
+    </>;
+}