@plasmicpkgs/react-aria 0.0.109 → 0.0.110

package/skinny/registerTooltip.stories.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerTooltip.stories.esm.js","sources":["../src/registerTooltip.stories.tsx"],"sourcesContent":["import { PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { expect, fn, userEvent, waitFor, within } from \"@storybook/test\";\nimport React, { useEffect, useState } from \"react\";\nimport { BaseButton } from \"./registerButton\";\nimport { BaseTooltip } from \"./registerTooltip\";\n\nconst meta: Meta<typeof BaseTooltip> = {\n  title: \"Components/BaseTooltip\",\n  component: BaseTooltip,\n  args: {\n    onOpenChange: fn(),\n    children: <BaseButton>Hover me!</BaseButton>, // anything can be used as a trigger\n    tooltipContent: <div data-testid=\"tooltip-content\">This is a tooltip</div>,\n    trigger: undefined, // means that it triggers on both focus and hover\n    delay: 0,\n    closeDelay: 0,\n  },\n  //   TODO: Currently, the BaseTooltip component cannot be uncontrolled, because a false is assumed for isOpen prop, if it is undefined\n  //   Remove this render function in the PR that fixes the issue\n  render: ({ isOpen, onOpenChange, ...args }) => {\n    const [open, setOpen] = useState(isOpen);\n    return (\n      <BaseTooltip\n        isOpen={open}\n        onOpenChange={(newValue) => {\n          setOpen(newValue);\n          onOpenChange?.(newValue);\n        }}\n        {...args}\n      />\n    );\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof BaseTooltip>;\n\n// TODO: Note, this test is failing only in headless mode (so the CI will fail),\n// because the hover simulation does not trigger the onOpenChange event.\n// I'm unsure why this is happening, as the story/test passes in interactive mode.\n// Uncomment this test in the PR that fixes the issue\n// Basic tooltip with hover trigger\n// export const Basic: Story = {\n//   play: async ({ canvasElement, args }) => {\n//     const canvas = within(canvasElement);\n//     const trigger = canvas.getByText(\"Hover me!\");\n\n//     await waitFor(() =>\n//       expect(\n//         within(document.body).queryByTestId(\"tooltip-content\")\n//       ).not.toBeInTheDocument()\n//     );\n\n//     await userEvent.hover(trigger);\n\n//     // Check that tooltip appears\n//     await waitFor(() =>\n//       expect(\n//         within(document.body).queryByTestId(\"tooltip-content\")\n//       ).toBeInTheDocument()\n//     );\n\n//     expect(args.onOpenChange).toHaveBeenCalledWith(true);\n\n//     await userEvent.unhover(trigger);\n\n//     await waitFor(() => expect(args.onOpenChange).toHaveBeenCalledWith(false));\n//   },\n// };\n\n// Test only that the tooltip renders initially\nexport const AlwaysOpen: Story = {\n  args: {\n    isOpen: true, // Force tooltip to be open\n  },\n  play: async () => {\n    // Just verify the tooltip content is in the document\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).toBeInTheDocument()\n    );\n  },\n};\n\n// Tooltip with focus trigger\nexport const FocusTrigger: Story = {\n  play: async ({ args }) => {\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    // Focus trigger\n    await userEvent.tab();\n\n    // Check that tooltip appears\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).toBeInTheDocument()\n    );\n\n    expect(args.onOpenChange).toHaveBeenCalledWith(true);\n\n    // Move focus away\n    await userEvent.tab();\n    await waitFor(() => expect(args.onOpenChange).toHaveBeenCalledWith(false));\n  },\n};\n\n// Tooltip with focus trigger only\nexport const FocusTriggerOnly: Story = {\n  args: {\n    trigger: \"focus\",\n  },\n  play: async ({ args, canvasElement }) => {\n    const canvas = within(canvasElement);\n    const trigger = canvas.getByText(\"Hover me!\");\n\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    // Hover over trigger\n    await userEvent.hover(trigger);\n\n    // Check that tooltip does NOT appear on hover\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    expect(args.onOpenChange).not.toHaveBeenCalled();\n\n    // Move mouse away\n    await userEvent.unhover(trigger);\n\n    // Focus trigger\n    await userEvent.tab();\n\n    // Check that tooltip DOES appear on focus\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).toBeInTheDocument()\n    );\n\n    expect(args.onOpenChange).toHaveBeenCalledWith(true);\n\n    // Move focus away\n    await userEvent.tab();\n    await waitFor(() => expect(args.onOpenChange).toHaveBeenCalledWith(false));\n  },\n};\n\n// Disabled tooltip\nexport const Disabled: Story = {\n  args: {\n    isDisabled: true,\n  },\n  play: async ({ args, canvasElement }) => {\n    const canvas = within(canvasElement);\n    const trigger = canvas.getByText(\"Hover me!\");\n\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    // Focus trigger\n    await userEvent.tab();\n\n    // Check that the disabled tooltip does NOT appear\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    expect(args.onOpenChange).not.toHaveBeenCalled();\n\n    await userEvent.hover(trigger);\n  },\n};\n\nexport const SelectedInCanvas: Story = {\n  render: ({ __plasmic_selection_prop__, ...args }) => {\n    const [selected, setSelected] = useState(false);\n    const [selectedSlotName, setSelectedSlotName] = useState(\"\");\n\n    useEffect(() => {\n      setTimeout(() => {\n        setSelected(true);\n        setTimeout(() => {\n          // Simulate trigger slot selection in Plasmic canvas\n          setSelectedSlotName(\"children\");\n        }, 1000);\n      }, 1000);\n    }, []);\n\n    return (\n      // Simulate Plasmic canvas envirnment\n      <PlasmicCanvasContext.Provider\n        value={{\n          componentName: \"test\",\n          globalVariants: {},\n        }}\n      >\n        <BaseTooltip\n          {...args}\n          // Simulate node selection in Plasmic canvas\n          __plasmic_selection_prop__={{\n            isSelected: selected,\n            selectedSlotName,\n          }}\n          {...args}\n        />\n      </PlasmicCanvasContext.Provider>\n    );\n  },\n  play: async () => {\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    await waitFor(\n      () =>\n        expect(\n          within(document.body).queryByTestId(\"tooltip-content\")\n        ).toBeInTheDocument(),\n      { timeout: 1100 }\n    );\n\n    await waitFor(\n      () =>\n        expect(\n          within(document.body).queryByTestId(\"tooltip-content\")\n        ).not.toBeInTheDocument(),\n      { timeout: 1100 }\n    );\n  },\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerTooltip.stories.esm.js","sources":["../src/registerTooltip.stories.tsx"],"sourcesContent":["import { PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { expect, fn, userEvent, waitFor, within } from \"@storybook/test\";\nimport React, { useEffect, useState } from \"react\";\nimport { BaseButton } from \"./registerButton\";\nimport { BaseTooltip } from \"./registerTooltip\";\n\nconst meta: Meta<typeof BaseTooltip> = {\n  title: \"Components/BaseTooltip\",\n  component: BaseTooltip,\n  args: {\n    onOpenChange: fn(),\n    children: <BaseButton>Hover me!</BaseButton>, // anything can be used as a trigger\n    tooltipContent: <div data-testid=\"tooltip-content\">This is a tooltip</div>,\n    trigger: undefined, // means that it triggers on both focus and hover\n    delay: 0,\n    closeDelay: 0,\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof BaseTooltip>;\n\n// TODO: Note, this test is failing only in headless mode (so the CI will fail),\n// because the hover simulation does not trigger the onOpenChange event.\n// I'm unsure why this is happening, as the story/test passes in interactive mode.\n// Uncomment this test in the PR that fixes the issue\n// Basic tooltip with hover trigger\n// export const Basic: Story = {\n//   play: async ({ canvasElement, args }) => {\n//     const canvas = within(canvasElement);\n//     const trigger = canvas.getByText(\"Hover me!\");\n\n//     await waitFor(() =>\n//       expect(\n//         within(document.body).queryByTestId(\"tooltip-content\")\n//       ).not.toBeInTheDocument()\n//     );\n\n//     await userEvent.hover(trigger);\n\n//     // Check that tooltip appears\n//     await waitFor(() =>\n//       expect(\n//         within(document.body).queryByTestId(\"tooltip-content\")\n//       ).toBeInTheDocument()\n//     );\n\n//     expect(args.onOpenChange).toHaveBeenCalledWith(true);\n\n//     await userEvent.unhover(trigger);\n\n//     await waitFor(() => expect(args.onOpenChange).toHaveBeenCalledWith(false));\n//   },\n// };\n\n// Test only that the tooltip renders initially\nexport const AlwaysOpen: Story = {\n  args: {\n    isOpen: true, // Force tooltip to be open\n  },\n  play: async () => {\n    // Just verify the tooltip content is in the document\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).toBeInTheDocument()\n    );\n  },\n};\n\n// Tooltip with focus trigger\nexport const FocusTrigger: Story = {\n  play: async ({ args }) => {\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    // Focus trigger\n    await userEvent.tab();\n\n    // Check that tooltip appears\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).toBeInTheDocument()\n    );\n\n    expect(args.onOpenChange).toHaveBeenCalledWith(true);\n\n    // Move focus away\n    await userEvent.tab();\n    await waitFor(() => expect(args.onOpenChange).toHaveBeenCalledWith(false));\n  },\n};\n\n// Tooltip with focus trigger only\nexport const FocusTriggerOnly: Story = {\n  args: {\n    trigger: \"focus\",\n  },\n  play: async ({ args, canvasElement }) => {\n    const canvas = within(canvasElement);\n    const trigger = canvas.getByText(\"Hover me!\");\n\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    // Hover over trigger\n    await userEvent.hover(trigger);\n\n    // Check that tooltip does NOT appear on hover\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    expect(args.onOpenChange).not.toHaveBeenCalled();\n\n    // Move mouse away\n    await userEvent.unhover(trigger);\n\n    // Focus trigger\n    await userEvent.tab();\n\n    // Check that tooltip DOES appear on focus\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).toBeInTheDocument()\n    );\n\n    expect(args.onOpenChange).toHaveBeenCalledWith(true);\n\n    // Move focus away\n    await userEvent.tab();\n    await waitFor(() => expect(args.onOpenChange).toHaveBeenCalledWith(false));\n  },\n};\n\n// Disabled tooltip\nexport const Disabled: Story = {\n  args: {\n    isDisabled: true,\n  },\n  play: async ({ args, canvasElement }) => {\n    const canvas = within(canvasElement);\n    const trigger = canvas.getByText(\"Hover me!\");\n\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    // Focus trigger\n    await userEvent.tab();\n\n    // Check that the disabled tooltip does NOT appear\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    expect(args.onOpenChange).not.toHaveBeenCalled();\n\n    await userEvent.hover(trigger);\n  },\n};\n\nexport const SelectedInCanvas: Story = {\n  render: ({ __plasmic_selection_prop__, ...args }) => {\n    const [selected, setSelected] = useState(false);\n    const [selectedSlotName, setSelectedSlotName] = useState(\"\");\n\n    useEffect(() => {\n      setTimeout(() => {\n        setSelected(true);\n        setTimeout(() => {\n          // Simulate trigger slot selection in Plasmic canvas\n          setSelectedSlotName(\"children\");\n        }, 1000);\n      }, 1000);\n    }, []);\n\n    return (\n      // Simulate Plasmic canvas envirnment\n      <PlasmicCanvasContext.Provider\n        value={{\n          componentName: \"test\",\n          globalVariants: {},\n        }}\n      >\n        <BaseTooltip\n          {...args}\n          // Simulate node selection in Plasmic canvas\n          __plasmic_selection_prop__={{\n            isSelected: selected,\n            selectedSlotName,\n          }}\n          {...args}\n        />\n      </PlasmicCanvasContext.Provider>\n    );\n  },\n  play: async () => {\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    await waitFor(\n      () =>\n        expect(\n          within(document.body).queryByTestId(\"tooltip-content\")\n        ).toBeInTheDocument(),\n      { timeout: 1100 }\n    );\n\n    await waitFor(\n      () =>\n        expect(\n          within(document.body).queryByTestId(\"tooltip-content\")\n        ).not.toBeInTheDocument(),\n      { timeout: 1100 }\n    );\n  },\n};\n"],"names":[],"mappings":"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"}