错误:Tailwindcss 在故事书中不起作用
我使用webpack5,typescript,tailwindcss和storybook制作一个Button UI组件,我将示例代码从storybook修改为tailwindcss 这是CSS代码: @tailwind ba…
下一个构建命令不会忽略 *.stories.tsx 文件
我正在尝试构建 nextjs 项目,该项目具有与组件本身并排的 [componentName].stories.tsx 。由于这些故事中的打字稿错误,运行 next build 失败。接下…
使用 Vue 2 添加 Storybook 中每个道具的描述
我用自定义列扩展了 Vuetify 表,因此我在它周围做了一个包装: // Custom columns 在 $attrs 中有一个“headers”和“items”道具。现在,在 MyDataT…
规则“import/no-unresolved”的 generated-stories-entry.js 错误
我已使用 vue add Storybook 将故事书添加到我的 Vue 项目中。 这为我的项目添加了几个依赖项,例如在我的 package.json 中,我发现了以下内容: "vue…
故事书中的打字稿,带有使用参数的道具类型
我有一个组件: type RowItem = Record; type TableRowsCells = Array>; type TableHeadCells = HeadCell[]; type TableProps = { ariaLabel: string;…
Storybook React Native (IOS) - RangeError:超出最大调用堆栈大小(本机堆栈深度)
对于 IOS - 在 IOS 中为当前的 React Native 应用程序设置 Storybook 时出现此错误。使用 RN 0.66.1 版本,使用“@storybook/react-native”:“^5.3.…
Puppeteer CSS 选择器不适用于故事书?
const puppeteer = require('puppeteer'); async function run () { const browser = await puppeteer.launch(); const page = await browser.newPage…
使用故事书交互测试的真实剪贴板事件?
我对如何使用 Jest 和 React-Testing-Library 测试真实的 onPaste 剪贴板事件做了一些研究,并意识到这是一个挑战: 如何使用 React 测试库粘贴剪贴板…
Storybook React Native 中的模拟请求
我希望能够为我的 React Native 屏幕设置故事,它通过 React 查询挂钩连接到 API。我正在使用 Storybook React Native 的测试版(6.0.1-beta3)。 htt…
如何将背景颜色传递给@storybook中的vue组件
// SomeComponent.stories.js const defaultArgs = { theme: 'light' }; export default { title: 'SomeComponent', component: SomeComponent, args…
故事书/在面板中显示状态转储
我想在故事书面板中显示我的反应组件状态的转储。 有用于此目的的故事书插件吗? export default () => { const [a] = useMyHook(); /** ---> **/ sho…
Storybook:如何强制 Storybook 不为我的组件创建文件夹
对于我的所有其他组件,Storybook 直接显示故事(没有子文件夹)。但在我名为“IconButton”的组件中,它创建一个子文件夹,然后显示实际文件。如何让…
如何使用 Tailwindcss、ReactJS 和 Typescript 设置 Storybook
如何设置 Storybook 以便它解析 Tailwindcss 样式并解析绝对路径? 注意:这是一个根据此允许的自记录问题/答案。这需要一段时间才能弄清楚,我相信很…
将值传递给 Storybook 中的嵌套组件
有没有更好的方法将值传递给 Storybook 中的嵌套组件?我可以明确地陈述每个单独的值,但这似乎非常低效。 function Dropdown({ label, type, size, t…
如何使用 React 17 在 Storybook 运行的代码中使用 Jest 模拟
我们有一个 React 17 代码库,其中包含大量生成模拟数据类型 save 的函数,因此我们可以在 Jest 运行的不同单元测试中重复使用它们。 export const cr…