スナップショットテストをする時は、そのままでは毎回ランダムなクラス名が設定され2回目以降毎回失敗するようになってしまいます。
Jest 環境ではjest-styled-componentsを使う事で、Styled Components が生成したクラス名を静的にレンダリングされた結果から取り除いてくれます。
使うにはまずこれをインストールし、
yarn add -D jest-styled-componentsテストファイルでただ読み込みます。
import Foo from './foo-component';
import 'jest-styled-components';
test(...args);
