Refactor imports to use storybook public API#361
Conversation
…g' for consistency; update single quotes across multiple files.
…hql.web, @adobe/css-tools, @ardatan/relay-compiler, and various Babel packages. Remove outdated entries and add new packages such as universalify and word-wrap. Ensure compatibility with latest versions.
…ining mock responses. Address type mismatches with TypeScript annotations for better clarity in error handling scenarios.
…n 9.0.0-0 for addon-designs and version 1.4.0 for addon-icons, ensuring compatibility with the latest Storybook features.
Codecov ReportAttention: Patch coverage is
Additional details and impacted files@@ Coverage Diff @@
## next #361 +/- ##
========================================
+ Coverage 5.56% 5.84% +0.28%
========================================
Files 177 177
Lines 14201 14879 +678
Branches 310 310
========================================
+ Hits 790 870 +80
- Misses 13252 13920 +668
+ Partials 159 89 -70 ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
… for chromatic to version 11.27.0, vite to version 6.2.2, and vitest to version 3.0.8. Adjust related Babel and prettier packages for improved compatibility and performance.
… checksum and enhancing the message payload structure for integrity checks and mocking status. Improve request handling by refining header manipulation for passthrough requests.
…'@storybook/react' across multiple components and stories. Update package.json and yarn.lock to remove deprecated '@storybook/test' references and ensure compatibility with the latest Storybook version.
…rn.lock to streamline dependencies and ensure compatibility with the latest Storybook version.
…tency and clarity.
… 'storybook/actions' across multiple components and stories for improved consistency and compatibility with the latest Storybook version.
…ncing test reliability and ensuring compatibility with the latest testing practices.
| import React, { ComponentProps } from 'react'; | ||
| import { action } from 'storybook/actions'; | ||
| import type { StoryContext } from 'storybook/internal/types'; | ||
| import { findByRole, fireEvent, screen, userEvent, within } from 'storybook/test'; |
There was a problem hiding this comment.
Should we get rid of screen here too?
| import { fireEvent, screen, userEvent, within } from '@storybook/testing-library'; | ||
| import type { Meta, StoryObj } from '@storybook/react-vite'; | ||
| import { expect } from 'storybook/test'; | ||
| import { fireEvent, screen, userEvent, within } from 'storybook/test'; |
|
@ndelangen I think this should be a |
@ghengeveld given that it already targets |
@JReinhold the label is also used to put this PR under the appropriate heading in the changelog. |
Ah yes sorry, you're absolutely right. |
|
🚀 PR was released in |
📦 Published PR as canary version:
3.2.7--canary.361.7dca927.0✨ Test out this PR locally via:
npm install @chromatic-com/storybook@3.2.7--canary.361.7dca927.0 # or yarn add @chromatic-com/storybook@3.2.7--canary.361.7dca927.0This pull request focuses on updating import paths and ensuring consistency in string quoting across multiple files. The main changes involve modifying import paths to use the correct modules and updating double quotes to single quotes for string literals.
Consistency in String Quoting:
.storybook/preview.tsx. [1] [2] [3] [4] [5] [6] [7] [8]scripts/prepublish-checks.mjsto use single quotes. [1] [2] [3]Correcting Import Paths:
storybook/internal/manager-apiandstorybook/internal/themingtostorybook/manager-apiandstorybook/themingrespectively in multiple files, includingsrc/Panel.tsx,src/TestingModuleDescription.tsx,src/components/Accordions.tsx,src/components/ActionButton.tsx,src/components/Badge.tsx,src/components/Box.tsx,src/components/BrowserSelector.tsx,src/components/BuildProgressBarInline.tsx,src/components/Button.tsx,src/components/ButtonStack.tsx,src/components/Code.tsx,src/components/Container.tsx,src/components/Eyebrow.tsx,src/components/Heading.tsx,src/components/IconButton.tsx,src/components/ModeSelector.tsx,src/components/Placeholder.tsx, andsrc/components/Screen.tsx. [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18]