chromaticで毎回差分が出る原因の特定と対応

[takashi0602]

概要

UIを変更していないのにも関わらず、毎回差分が出る。そのため原因の特定と対応を行う。
（画像に背景色つけるのがよくない？？）

[takashi0602]

Chromaticのサポート（多分あったはず）に投げてみる

[takashi0602]

サポートに問い合わせたので続報待ち。。。

[takashi0602]

返信が来たので記載

Hey Takashi - Suki with Chromatic here!
It looks like you haven't ran a build for the main branch. Would you mind running a build for this branch and let me know if you're receiving an error?
訳
やあ、タカシ - ChromaticのSukiです！
メインブランチのビルドがまだのようですね。このブランチのビルドを実行して、エラーが発生したら教えてもらえますか？

[takashi0602]

ローカルで $ npx chromatic --project-token <your-project-token> を打ったら最新のになった。なんで更新されなかったのかは現在質問中。。。
ref: https://www.chromatic.com/docs/setup/#run-chromatic

[takashi0602]

Hey Takashi - thanks for your patience!
Awesome to hear that the branch is finally reflecting as updated, that's great news! 🎉 Regarding your question of why this is happening, this could be a number of reasons. Would you mind sharing your GitHub Actions .yml config so I can see how you have your workflow set up?

yamlファイル見せてと言われたので、以下リンク送った
https://github.com/uyupun/official/blob/main/.github/workflows/deploy-chromatic.yml

[takashi0602]

返信きてた、CIが悪さしてるらしい

Good news, Takashi - I was able to spot what the issue is!
It looks like you have main set as a branch to ignore in your workflow: https://github.com/uyupun/official/blob/54ced8f4e2f63b760d80523244ee2ee654646624/.github/workflows/deploy-chromatic.yml#L6C13-L6C13

This is why Chromatic isn't running for your main branch through CI.

[takashi0602]

@tyokinuhata

branches-ignoreにmainがあるのが原因っぽいねんけど、ここのmain削除してもCIに影響ないか調査してほしい🙏

official/.github/workflows/deploy-chromatic.yml

Line 6 in 54ced8f

- main

[tyokinuhata]

動作自体には影響ないっすね、 main ブランチでChromatic見ないからいらんやろーということでignoreしていた
まさかこれが悪さしてるとはｗ

[tyokinuhata]

てかめちゃくちゃサポート丁寧やな、、、

[takashi0602]

調査アザス！
サポートはまじで丁寧でやり取りしてても苦にならなかったっす😌

[tyokinuhata]

対応済みのためclose

[takashi0602]

Chromatic上でも確認済み🫶