Skip to content

Commit 1e8dcdf

Browse files
committed
Add TooltipProvider to all story decorators that use tooltips
Stories that render components with tooltips need TooltipProvider in their decorators. Fixed: - ThinkingSlider.stories.tsx - NewWorkspaceModal.stories.tsx - KebabMenu.stories.tsx - StatusIndicator.stories.tsx This fixes the Storybook interaction test failures where Tooltip components were being rendered outside of TooltipProvider context.
1 parent efd7d73 commit 1e8dcdf

File tree

4 files changed

+30
-3
lines changed

4 files changed

+30
-3
lines changed

src/components/KebabMenu.stories.tsx

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import type { Meta, StoryObj } from "@storybook/react";
22
import { KebabMenu } from "./KebabMenu";
33
import { action } from "@storybook/addon-actions";
4+
import { TooltipProvider } from "@/components/ui/tooltip";
45

56
const meta = {
67
title: "Components/KebabMenu",
@@ -9,6 +10,13 @@ const meta = {
910
layout: "padded",
1011
},
1112
tags: ["autodocs"],
13+
decorators: [
14+
(Story) => (
15+
<TooltipProvider>
16+
<Story />
17+
</TooltipProvider>
18+
),
19+
],
1220
} satisfies Meta<typeof KebabMenu>;
1321

1422
export default meta;

src/components/NewWorkspaceModal.stories.tsx

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import type { Meta, StoryObj } from "@storybook/react";
22
import { action } from "@storybook/addon-actions";
33
import NewWorkspaceModal from "./NewWorkspaceModal";
4+
import { TooltipProvider } from "@/components/ui/tooltip";
45

56
const meta = {
67
title: "Components/NewWorkspaceModal",
@@ -38,6 +39,13 @@ const meta = {
3839
await new Promise((resolve) => setTimeout(resolve, 1000));
3940
},
4041
},
42+
decorators: [
43+
(Story) => (
44+
<TooltipProvider>
45+
<Story />
46+
</TooltipProvider>
47+
),
48+
],
4149
} satisfies Meta<typeof NewWorkspaceModal>;
4250

4351
export default meta;

src/components/StatusIndicator.stories.tsx

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ import { action } from "@storybook/addon-actions";
33
import { expect, userEvent, waitFor } from "@storybook/test";
44
import { StatusIndicator } from "./StatusIndicator";
55
import { useArgs } from "storybook/internal/preview-api";
6+
import { TooltipProvider } from "@/components/ui/tooltip";
67

78
const meta = {
89
title: "Components/StatusIndicator",
@@ -28,6 +29,13 @@ const meta = {
2829
description: "Size of the indicator in pixels",
2930
},
3031
},
32+
decorators: [
33+
(Story) => (
34+
<TooltipProvider>
35+
<Story />
36+
</TooltipProvider>
37+
),
38+
],
3139
} satisfies Meta<typeof StatusIndicator>;
3240

3341
export default meta;

src/components/ThinkingSlider.stories.tsx

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ import type { Meta, StoryObj } from "@storybook/react";
22
import { expect, within } from "@storybook/test";
33
import { ThinkingSliderComponent } from "./ThinkingSlider";
44
import { ThinkingProvider } from "@/contexts/ThinkingContext";
5+
import { TooltipProvider } from "@/components/ui/tooltip";
56

67
const meta = {
78
title: "Components/ThinkingSlider",
@@ -25,9 +26,11 @@ const meta = {
2526
},
2627
decorators: [
2728
(Story) => (
28-
<ThinkingProvider workspaceId="storybook-demo">
29-
<Story />
30-
</ThinkingProvider>
29+
<TooltipProvider>
30+
<ThinkingProvider workspaceId="storybook-demo">
31+
<Story />
32+
</ThinkingProvider>
33+
</TooltipProvider>
3134
),
3235
],
3336
} satisfies Meta<typeof ThinkingSliderComponent>;

0 commit comments

Comments
 (0)