{"id":24600910,"url":"https://github.com/hedaukartik/bun-react-playwright-coverage","last_synced_at":"2026-04-13T00:02:07.599Z","repository":{"id":273922903,"uuid":"921311819","full_name":"hedaukartik/bun-react-playwright-coverage","owner":"hedaukartik","description":"A starter template showcasing how to build a React app using Bun, instrument code for coverage with bun-plugin-istanbul, and run Playwright end-to-end tests. It generates detailed code coverage reports, providing a streamlined workflow for testing and analyzing application quality.","archived":false,"fork":false,"pushed_at":"2025-01-23T18:50:28.000Z","size":59,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-23T19:33:04.400Z","etag":null,"topics":["bun","code-coverage","e2e-testing","nyc","playwright","react"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hedaukartik.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-23T18:12:22.000Z","updated_at":"2025-01-23T19:17:09.000Z","dependencies_parsed_at":"2025-01-23T19:33:57.057Z","dependency_job_id":"2b3145f0-5862-44b9-a1f6-f4caa419b605","html_url":"https://github.com/hedaukartik/bun-react-playwright-coverage","commit_stats":null,"previous_names":["hedaukartik/bun-react-playwright-coverage"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hedaukartik%2Fbun-react-playwright-coverage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hedaukartik%2Fbun-react-playwright-coverage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hedaukartik%2Fbun-react-playwright-coverage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hedaukartik%2Fbun-react-playwright-coverage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hedaukartik","download_url":"https://codeload.github.com/hedaukartik/bun-react-playwright-coverage/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244181118,"owners_count":20411600,"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":["bun","code-coverage","e2e-testing","nyc","playwright","react"],"created_at":"2025-01-24T14:19:22.277Z","updated_at":"2026-04-13T00:02:02.513Z","avatar_url":"https://github.com/hedaukartik.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cbr/\u003e\n\u003cbr/\u003e\n\u003cp align=\"center\" style=\"box-shadow: 2px\"\u003e\n  \u003ca href=\"https://react.dev/\" rel=\"noopener\" target=\"_blank\" \u003e\u003cimg width=\"200\" src=\"https://github.com/hedaukartik/bun-react-csr-base/assets/35377972/5f7fac52-5225-4bb2-83a9-1c597d51cebc\" alt=\"react\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://bun.sh/\" rel=\"noopener\" target=\"_blank\" \u003e\u003cimg width=\"200\" src=\"https://bun.sh/logo-square.png\" alt=\"bun\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://playwright.dev/\" rel=\"noopener\" target=\"_blank\" \u003e\u003cimg width=\"200\" src=\"https://playwright.dev/img/playwright-logo.svg\" alt=\"playwright\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003eBun CSR React App Playwright Coverage\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n\nThis repository demonstrates building a React app using Bun, with code coverage generated using the bun-plugin-istanbul. The app is served using bun.serve, and tests are executed with Playwright. Post-test execution, a script generates code coverage data.\n\n`bun` `react` `csr` `typescript` `react-router-dom-v6` `playwright` `nyc` `bun-plugin-istanbul` `code-coverage`\n\n\u003c/div\u003e\n\n## Features\n\n- *React App with Bun:* Using Bun as the runtime and bundler for fast builds and server starts.\n\n- *Code Coverage with bun-plugin-istanbul:* Instrumentation for code coverage during tests.\n\n- *Testing with Playwright:* End-to-end testing with Playwright.\n\n- *Coverage Report Generation:* Script to generate a complete coverage report.\n\n## You need `bun` installed in your system for this template:\n\n```bash\ncurl -fsSL https://bun.sh/install | bash # for macOS, Linux, and WSL\n```\n\n### To use this template to start a new react client-side rendering project from scratch:\n\n```bash\nbun create https://github.com/hedaukartik/bun-react-playwright-coverage name-of-your-project\n```\n\n### To install dependencies:\n\n```bash\nbun install\n```\n\n### To run app:\n\n```bash\nbun dev\n```\n\n### To run playwright test:\n\n```bash\nbun run test:e2e\n```\n\n### To generate code coverage after running playwright test:\n\n```bash\nbun run test:e2e:generate:coverage\n```\n\n### To view the html code coverage report after generating:\n\n```bash\nbun run test:e2e:generate:show-report\n```\n\n![image](https://github.com/user-attachments/assets/6b592465-1532-4d7c-89ae-35f2c35edcff)\n\n\n## Contributing\nContributions are welcome! If you have ideas for improvements or want to report issues, feel free to open an issue or a pull request.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhedaukartik%2Fbun-react-playwright-coverage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhedaukartik%2Fbun-react-playwright-coverage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhedaukartik%2Fbun-react-playwright-coverage/lists"}