はじめに React+CypressでVisualRegressionを実現するのにやったこと 環境構築 react/storybook導入 npx create-react-app my-app npx -p @storybook/cli sb init Cypress導入 yarn add cypress @testing-library/cypress -D // 不要なテストを削除 rm -rf cypress/integration/examples Storybookのpreview-iframeを取得 Storybookのiframeを取得する cypress/support/command.js import '@testing-library/cypress/add-commands'; Cypress.Commands.add('getIframeBody', () =
![React+Cypress+StorybookでVisualRegressionTestする - resqnet's blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/ba3c863547ba1af92daf7c7d5292ccdb81066f34/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fr%2Fresqnet%2F20200904%2F20200904111917.png)