storybookのplay functionが並列で2回動く（MkAdのテストが落ちる）

[saschanaz]

理解できない変なエラーはあれが原因です

なぜそうなるのかは不明

[saschanaz]

pnpm build-storybook && pnpm --filter frontend storybook exec devでは問題なく最初のplay()の実行が終わるまでまってもう一度実行される

chromaticにアップロードされたビルドではそうではない

ここを１，

misskey/packages/frontend/src/components/global/MkAd.stories.impl.ts

Line 29 in df54806

const canvas = within(canvasElement);

ここを２としたら、

misskey/packages/frontend/src/components/global/MkAd.stories.impl.ts

Line 39 in df54806

await waitFor(() => expect(canvasElement).toHaveTextContent(i18n.ts._ad.back));

ローカルでは：１，２，１，２の順
Chromaticでは：１，１，２，２の順

なぜでしょう @acid-chicken

[acid-chicken]

えー

[acid-chicken]

Chromatic のバグじゃね……と思いたいんだけどなぁ
とりあえずセマフォを用意すればワークアラウンドになる……？

[zyoshoka]

このバグのせいで不可逆的な操作を伴うテスト（例えば #13830 で言えば MkClickerGame でボタンが押されたらカウンターが1になることのテスト）が書けないのでなんとかしたいです

深くは調べてませんが v8.1 で実験的に追加された Playwright CT で書き直すのも手？
https://storybook.js.org/blog/portable-stories-for-playwright-ct/

[zyoshoka]

これ普通に

misskey/packages/frontend/.storybook/preview.ts

Line 113 in 9849aab

channel.emit(FORCE_REMOUNT, { storyId: context.id });

で FORCE_REMOUNT してるのが原因な気がしてます（ここをコメントアウトすると直る）