Storybook8.4から8.5へのアップグレード
2025-02-04
Storybook のアップデートで作業が必要になったもののログ
@storybook/experimental-addon-test
Storybook の 設定を尊重するように変更された。設定をそのまま実行すると以下のようなメッセージが警告として出力される code:sh
Warning: Starting in Storybook 8.5.0-alpha.18, the "test.include" option in Vitest is discouraged in favor of just using the "stories" field in your Storybook configuration.
vitest.workspace.ts に設定した Storybook 用の include/exclude は削除する必要がある。
code:ts
// .storybool/main.ts の stories が利用されるようになった
const config: StorybookConfig = {
// ...
}
// vitest.workspace.ts の設定は削除する
export default defineWorkspace([
"vite.config.ts",
{
plugins: [
storybookTest({ /* ... */ }),
],
test: {
// ..
include: ["src/**/*.stories.?(m)jts?(x)"], // 削除 },
},
]);
確認時点では Vitest は 2.x までの対応となっていたため、記載時点の最新版の 3.x に更新するとうまく動作しなかった