{"id":16514442,"url":"https://github.com/penx/storybook-code-coverage","last_synced_at":"2025-03-21T08:31:36.498Z","repository":{"id":41669390,"uuid":"256182229","full_name":"penx/storybook-code-coverage","owner":"penx","description":"Combining Storybook, Cypress and Jest Code Coverage","archived":false,"fork":false,"pushed_at":"2023-01-05T19:30:39.000Z","size":2373,"stargazers_count":32,"open_issues_count":21,"forks_count":15,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-17T23:04:07.156Z","etag":null,"topics":["chromatic","code-coverage","create-react-app","cypress","cypress-code-coverage-example","cypress-example","cypress-io","jest","jest-coverage","react","react-example","react-testing","storybook","storybook-chromatic","storyshots","visual-regression","visual-regression-testing"],"latest_commit_sha":null,"homepage":"https://dev.to/penx/combining-storybook-cypress-and-jest-code-coverage-4pa5","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/penx.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-04-16T10:28:04.000Z","updated_at":"2025-01-22T05:10:46.000Z","dependencies_parsed_at":"2023-02-04T11:46:44.204Z","dependency_job_id":null,"html_url":"https://github.com/penx/storybook-code-coverage","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/penx%2Fstorybook-code-coverage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/penx%2Fstorybook-code-coverage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/penx%2Fstorybook-code-coverage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/penx%2Fstorybook-code-coverage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/penx","download_url":"https://codeload.github.com/penx/storybook-code-coverage/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244765181,"owners_count":20506772,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chromatic","code-coverage","create-react-app","cypress","cypress-code-coverage-example","cypress-example","cypress-io","jest","jest-coverage","react","react-example","react-testing","storybook","storybook-chromatic","storyshots","visual-regression","visual-regression-testing"],"created_at":"2024-10-11T16:12:36.642Z","updated_at":"2025-03-21T08:31:35.636Z","avatar_url":"https://github.com/penx.png","language":"JavaScript","readme":"# Combining Storybook, Cypress and Jest Code Coverage\n\nPlease refer to [this blog post for more detailed information](https://dev.to/penx/combining-storybook-cypress-and-jest-code-coverage-4pa5).\n\nThis project shows how to collect code coverage from Storybook (e.g. when using [Chromatic](https://www.chromaticqa.com) for Visual Regression tests) and how to create a combined code coverage report for 3 types of test:\n\n- Visual regression tests ([Storybook](https://storybook.js.org)/[Chromatic](https://www.chromaticqa.com))\n- Unit tests ([Jest](http://jestjs.io))\n- Integration tests ([Cypress](http://cypress.io))\n\nYou can view a report for each type of test, or view the coverage of all tests together.\n\nTo try out this project this locally:\n\n```sh\ngit clone git@github.com:penx/storybook-code-coverage.git\ncd storybook-code-coverage\nyarn\nyarn coverage\nopen coverage/merged/lcov-report/index.html\n```\n\n## Combining coverage\n\nYou can also [merge reports with codecov](https://docs.codecov.io/docs/merging-reports).\n\n## Known issues\n\n- cypress-specific nyc settings have to go in to generic files (e.g. `package.json` or `.nycrc`)\n- There's a bug with create-react-app@3.4.1 that prevents this from working, so for now you have to roll back to 3.4.0 [facebook/create-react-app#8689](https://github.com/facebook/create-react-app/issues/8689).\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpenx%2Fstorybook-code-coverage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpenx%2Fstorybook-code-coverage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpenx%2Fstorybook-code-coverage/lists"}