{"id":27555803,"url":"https://github.com/iand1013/react-testing","last_synced_at":"2026-05-03T22:33:18.887Z","repository":{"id":269774890,"uuid":"908423036","full_name":"IanD1013/react-testing","owner":"IanD1013","description":"Comprehensive testing examples for modern React apps using React Testing Library, Vitest, and Mock Service Worker. Built with TypeScript, this project covers component, form, API, routing, and authentication testing as part of Code with Mosh’s Testing React Apps course.","archived":false,"fork":false,"pushed_at":"2025-04-01T10:19:49.000Z","size":188,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-10T02:25:52.690Z","etag":null,"topics":["react","self-learning","testing"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/IanD1013.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-12-26T03:32:43.000Z","updated_at":"2025-04-06T04:03:09.000Z","dependencies_parsed_at":null,"dependency_job_id":"5ca602a4-1c9d-45e9-8505-609f40543500","html_url":"https://github.com/IanD1013/react-testing","commit_stats":null,"previous_names":["iand1013/react-testing"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/IanD1013/react-testing","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IanD1013%2Freact-testing","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IanD1013%2Freact-testing/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IanD1013%2Freact-testing/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IanD1013%2Freact-testing/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/IanD1013","download_url":"https://codeload.github.com/IanD1013/react-testing/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IanD1013%2Freact-testing/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32587819,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T22:12:39.696Z","status":"ssl_error","status_checked_at":"2026-05-03T22:09:10.534Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["react","self-learning","testing"],"created_at":"2025-04-19T17:11:02.166Z","updated_at":"2026-05-03T22:33:18.882Z","avatar_url":"https://github.com/IanD1013.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Testing Course Project\n\nThis project is part of the [Testing React Apps with React Testing Library](https://codewithmosh.com/p/complete-react-testing-course) course by Code with Mosh. It demonstrates comprehensive testing practices for React applications using modern testing tools and methodologies.\n\n## 🚀 Features\n\n- Modern React application with TypeScript\n- Comprehensive test suite using React Testing Library\n- Mock Service Worker (MSW) for API mocking\n- Authentication testing with Auth0\n- State management testing with Redux Toolkit\n- Form testing with React Hook Form and Zod\n- Routing testing with React Router\n- UI testing with Tailwind CSS and Radix UI\n- API testing with Axios\n- Test coverage reporting\n\n## 🛠️ Tech Stack\n\n- **Framework:** React 18\n- **Language:** TypeScript\n- **Testing:** \n  - Vitest\n  - React Testing Library\n  - Jest DOM\n  - MSW (Mock Service Worker)\n- **Styling:** Tailwind CSS\n- **UI Components:** Radix UI\n- **State Management:** Redux Toolkit\n- **Form Handling:** React Hook Form + Zod\n- **Routing:** React Router\n- **HTTP Client:** Axios\n- **Development Tools:** Vite\n\n## 📦 Installation\n\n1. Clone the repository:\n```bash\ngit clone \u003cyour-repo-url\u003e\ncd react-testing\n```\n\n2. Install dependencies:\n```bash\nnpm install\n```\n\n3. Create a `.env` file in the root directory with the following variables:\n```\nVITE_AUTH0_DOMAIN=your-auth0-domain\nVITE_AUTH0_CLIENT_ID=your-auth0-client-id\n```\n\n## 🚀 Available Scripts\n\n- `npm run dev` - Start the development server\n- `npm run build` - Build the production version\n- `npm run preview` - Preview the production build\n- `npm run test` - Run tests\n- `npm run test:ui` - Run tests with UI interface\n- `npm run coverage` - Generate test coverage report\n- `npm run server` - Start the JSON server for API mocking\n- `npm start` - Start both the development server and JSON server concurrently\n\n## 🧪 Testing\n\nThis project includes comprehensive tests covering:\n\n- Component rendering\n- User interactions\n- Form submissions\n- API calls\n- Authentication flows\n- State management\n- Routing\n- Error handling\n\n### Running Tests\n\n```bash\n# Run tests in watch mode\nnpm run test\n\n# Run tests with UI\nnpm run test:ui\n\n# Generate coverage report\nnpm run coverage\n```\n\n## 📚 Course Content\n\nThis project is part of a comprehensive course that covers:\n\n1. Getting Started with React Testing\n2. Testing React Components\n3. Mocking APIs\n4. Testing Forms\n5. Testing State Management\n6. Testing Authentication\n7. Testing Routing","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiand1013%2Freact-testing","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fiand1013%2Freact-testing","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiand1013%2Freact-testing/lists"}