问题标签 [storybook-addon-specifications]

我注意到Storybooks Options Docs中的一个属性selectedPanel，我假设它允许我预先选择一个插件面板。

我不清楚如何使用它。例子是：

我不明白“storybook/a11y/panel”字符串的来源。如果我想预选“来源”面板怎么办？

从“@storybook/react”导入 { addDecorator, addParameters }；从“storybook-addon-jss-theme”导入 { withThemesProvider }；导入“antd/dist/antd.css”；从“./theme”导入 { defaultTheme }；

addParameters({ background: [ { name: "默认主题", value: "#ffffff", default: true }, { name: "Dark theme", value: "#000000" }, ], });

常量主题 = [默认主题]; addDecorator(withThemesProvider(themes));

我对 Angular 比较陌生，在这里我尝试 在 Angular 项目中使用ng-select和storybook并使用storybookjs/addons/knobs实现一个非常基本的故事书组件

故事书ng-select选择被命名为，common-ng-select并且这个组件正在变得很好，但是它的数据选项，作为一个名为的道具传递items并没有进入故事书组件。

这items是ng-select组件的输入，并在其API Doc中有详细记录。它应该采用任何数组或对象数组。（在下面的这种情况下，我传递了一个对象数组）。

我正在遵循这个故事书文档中的样板指南来传递一组对象，作为要渲染的ng-select组件的道具。items

这是我在可重用故事书组件（ng-select.component.ts）中的代码

下面是我在 stories项目目录（index.stories.ts）中的代码。

stories/ng-select/index.stories.ts

但是在上面的行

items: select("items", countries, countries[0], groupId)

我countries从我的 vscode 中收到关于第二个变量的以下类型分配错误。尽管如此，我几乎完全按照这个官方指南

更新 - 在我在这里提出这个问题之后，我认为ng-select repo 中有一个开放的错误

我正在使用样板Ignite Bowser，我正在尝试将 Knob Addon 添加到故事书中，但到目前为止我无法使其工作。

在故事中，我添加了一个装饰器，如下代码：

storiesOf("Button", module) .addDecorator(fn => {fn()}) .addDecorator(withKnobs)

但是，当尝试添加：“@storybook/addon-knobs/register”时，我失败了。一些帮助会很好。

谢谢

项目概况

我是故事书的初学者，试图创建一个简单按钮和一个带有图标的按钮的故事。我希望能够从旋钮部分切换按钮中的图标。例如：

以上是一个简单按钮的故事，我可以从旋钮部分切换颜色。同样，我想要模板的正确语法，以便我可以切换按钮内的图标，这些图标是单独的组件。

我如何实现这一目标？什么是正确的格式？有人请指导我，或发送文档链接。我找不到与此要求相关的任何内容。

我正在尝试测试角度分量的输出。

我有一个复选框组件，它使用 EventEmitter 输出其值。复选框组件包含在故事书故事中，用于演示和测试目的：

我正在使用一个动作来捕获值变化并将其记录到屏幕上。

然而，在为这个组件编写 cypress e2e 时，我只使用 iFrame 而不是整个故事书应用程序。

我想找到一种方法来测试输出是否正常。我尝试在 iFrame 中的 postMessage 方法上使用间谍，但这不起作用。

然后断言将是：

有没有其他方法可以断言(changeValue)="changeValue($event)" 已经解雇？

我正在尝试将 Angular 与 Storybook 一起使用，并使用按钮旋钮打开一个垫子对话框。

我需要添加constructor(public dialog: MatDialog) {}但我不知道将构造函数放在哪里。我试图在旋钮回调中创建整个组件的新实例，但没有运气。有任何想法吗？

我正在使用 Storybook 以纯 HTML、CSS 和 JS（实际上是 jQuery）创建组件。

我想知道当故事在屏幕上呈现时是否有回调函数（比如useEffectReact），因为只有当组件真的在 DOM 中时我才需要运行相关的 jQuery 代码。

这是我的情况：

有什么没有解决方法？（就像将 HTML 组件包装在 react 组件中并使用 useEffect 来触发代码）

谢谢

我正在尝试在新的故事书 6 中找到一种在故事级别禁用画布的方法。我正在制作一个组件库，并且根据故事的不同，其中一些只有画布，而另一些只有文档。

我试过使用

或者

取决于故事。但是，这会导致不显示选项卡名称。因此，会发生以下情况：

1. 我有故事 1 - 只有画布可见
2. 我有故事 2 - 只有文档可见
3. 我点击故事 1 - 我看到了画布，正如预期的那样
4. 我点击故事 2 - 我也看到了画布，即使它是隐藏的（我想是因为该选项卡已从上一个故事中保留）。好像这还不够糟糕，我什至无法单击文档，因为没有可见的选项卡名称。
5. 反过来也一样（如果我从故事 2 开始）

作为文档的解决方法，我发现了这个（感谢Benjamin，在这篇文章中）：

有了这个，我仍然可以看到画布和文档选项卡，但是对于设置了此参数的故事，文档选项卡现在是空的。

我正在寻找为画布做类似的事情，并尝试过

但没有工作。

我在 Storybook for React 中使用Preview插件来显示 Docs 中的组件使用情况。

这个生成文档如下： 有一个显示代码/隐藏代码开关，它显示组件的反应代码，是否也可以显示纯 HTML 标记。

我需要为 React 和非 React 项目使用单个故事书组件浏览器，因此想检查是否也生成了纯标记源代码。

谢谢