chore: Fix unit tests by increasing coverage of tooltip to 100%

Signed-off-by: Sebastian Malton <sebastian@malton.name>
This commit is contained in:
Sebastian Malton committed 2023-04-19 15:01:02 -04:00
1 parent 1eeddbb377
commit 9656b8c577
10 files changed
+807 -118

No files matched your search

@@ -17,6 +17,7 @@ exports[`<Tooltip /> renders to DOM when forced to by visible prop 1`] = `
<div>
<div
class="Tooltip right visible"
data-testid="tooltip"
role="tooltip"
style="left: 10px; top: 0px;"
>
@@ -36,6 +37,7 @@ exports[`<Tooltip /> renders to DOM when hovering over target 1`] = `
<div>
<div
class="Tooltip right visible"
data-testid="tooltip"
role="tooltip"
style="left: 10px; top: 0px;"
>
@@ -49,3 +51,195 @@ exports[`<Tooltip /> renders to DOM when hovering over target 1`] = `
</div>
</body>
`;
exports[`<Tooltip /> uses a portal if usePortal is specified 1`] = `
<body>
<div>
<div>
<div
id="my-target"
>
Target Text
</div>
</div>
</div>
<div
class="Tooltip right visible"
data-testid="tooltip"
role="tooltip"
style="left: 10px; top: 0px;"
>
I am a tooltip
</div>
</body>
`;
exports[`<Tooltip /> when specifying a tooltip for a component renders 1`] = `
<body>
<div>
<div>
<div
data-testid="target"
id="my-target"
>
Target Text
</div>
</div>
</div>
</body>
`;
exports[`<Tooltip /> when specifying a tooltip for a component that doesn't exist with show on parent hover renders 1`] = `
<body>
<div />
</body>
`;
exports[`<Tooltip /> when specifying a tooltip for a component when hovering over the target element renders 1`] = `
<body>
<div>
<div>
<div
data-testid="target"
id="my-target"
>
Target Text
</div>
</div>
</div>
<div
class="Tooltip right visible"
data-testid="tooltip"
role="tooltip"
style="left: 10px; top: 0px;"
>
I am a tooltip
</div>
</body>
`;
exports[`<Tooltip /> when specifying a tooltip for a component when hovering over the target element when no longer hovering the target renders 1`] = `
<body>
<div>
<div>
<div
data-testid="target"
id="my-target"
>
Target Text
</div>
</div>
</div>
</body>
`;
exports[`<Tooltip /> when specifying a tooltip for a component with show on parent hover renders 1`] = `
<body>
<div>
<div>
<div
data-testid="target-parent"
>
<div
data-testid="target"
id="my-target"
>
Target Text
</div>
</div>
</div>
</div>
</body>
`;
exports[`<Tooltip /> when specifying a tooltip for a component with show on parent hover when hovering over the target element renders 1`] = `
<body>
<div>
<div>
<div
data-testid="target-parent"
>
<div
data-testid="target"
id="my-target"
>
Target Text
</div>
</div>
</div>
</div>
<div
class="Tooltip right visible"
data-testid="tooltip"
role="tooltip"
style="left: 10px; top: 0px;"
>
I am a tooltip
</div>
</body>
`;
exports[`<Tooltip /> when specifying a tooltip for a component with show on parent hover when hovering over the target element when no longer hovering the target renders 1`] = `
<body>
<div>
<div>
<div
data-testid="target-parent"
>
<div
data-testid="target"
id="my-target"
>
Target Text
</div>
</div>
</div>
</div>
</body>
`;
exports[`<Tooltip /> when specifying a tooltip for a component with show on parent hover when hovering over the target's parent element renders 1`] = `
<body>
<div>
<div>
<div
data-testid="target-parent"
>
<div
data-testid="target"
id="my-target"
>
Target Text
</div>
</div>
</div>
</div>
<div
class="Tooltip right visible"
data-testid="tooltip"
role="tooltip"
style="left: 10px; top: 0px;"
>
I am a tooltip
</div>
</body>
`;
exports[`<Tooltip /> when specifying a tooltip for a component with show on parent hover when hovering over the target's parent element when no longer hovering the target's parent renders 1`] = `
<body>
<div>
<div>
<div
data-testid="target-parent"
>
<div
data-testid="target"
id="my-target"
>
Target Text
</div>
</div>
</div>
</div>
</body>
`;
@@ -0,0 +1,41 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`withTooltip tests does not render a tooltip when not specified 1`] = `
<body>
<div>
<div>
foobar
</div>
</div>
</body>
`;
exports[`withTooltip tests renders a tooltip when specified 1`] = `
<body>
<div>
<div>
foobar
</div>
</div>
</body>
`;
exports[`withTooltip tests renders a tooltip when specified via tooltip props 1`] = `
<body>
<div>
<div>
foobar
</div>
</div>
</body>
`;
exports[`withTooltip tests renders a tooltip when specified without id 1`] = `
<body>
<div>
<div>
foobar
</div>
</div>
</body>
`;