{"id":15089097,"url":"https://github.com/jamal-saadeddin/ui-testing-guide-code","last_synced_at":"2026-02-16T16:35:26.387Z","repository":{"id":248995925,"uuid":"829941925","full_name":"Jamal-SaadEddin/ui-testing-guide-code","owner":"Jamal-SaadEddin","description":"This repository showcases my learning journey through the Storybook UI Testing Handbook. Developed during my Front-End internship at Foothill Technology Solutions, it includes comprehensive examples and configurations for building and testing UI components with Storybook.","archived":false,"fork":false,"pushed_at":"2024-07-18T07:22:15.000Z","size":719,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-09T09:08:04.821Z","etag":null,"topics":["accessibility-testing","composite-components","react","storybook","ui-testing","user-flow","visual-testing"],"latest_commit_sha":null,"homepage":"https://6697fe6e41a8af33d6e11bfe-hkrbhyujqv.chromatic.com/","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/Jamal-SaadEddin.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}},"created_at":"2024-07-17T09:46:38.000Z","updated_at":"2024-07-18T07:26:11.000Z","dependencies_parsed_at":"2024-07-18T10:56:30.447Z","dependency_job_id":null,"html_url":"https://github.com/Jamal-SaadEddin/ui-testing-guide-code","commit_stats":null,"previous_names":["jamal-saadeddin/ui-testing-guide-code"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Jamal-SaadEddin/ui-testing-guide-code","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jamal-SaadEddin%2Fui-testing-guide-code","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jamal-SaadEddin%2Fui-testing-guide-code/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jamal-SaadEddin%2Fui-testing-guide-code/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jamal-SaadEddin%2Fui-testing-guide-code/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Jamal-SaadEddin","download_url":"https://codeload.github.com/Jamal-SaadEddin/ui-testing-guide-code/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jamal-SaadEddin%2Fui-testing-guide-code/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279001103,"owners_count":26082991,"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","status":"online","status_checked_at":"2025-10-09T02:00:07.460Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["accessibility-testing","composite-components","react","storybook","ui-testing","user-flow","visual-testing"],"created_at":"2024-09-25T08:40:02.224Z","updated_at":"2025-10-09T08:17:08.438Z","avatar_url":"https://github.com/Jamal-SaadEddin.png","language":"JavaScript","readme":"# Storybook UI Testing Handbook\n\nThis repository was created as part of my Front-End internship at Foothill Technology Solutions. It follows the [UI Testing Handbook](https://storybook.js.org/tutorials/ui-testing-handbook/) tutorial provided by Storybook. The aim was to learn Storybook, a tool for developing UI components in isolation for React, Vue, and Angular.\n\n## Overview\n\nThis repository contains the code and configurations resulting from following each chapter of the Storybook UI Testing Handbook tutorial. The tutorial covers various aspects of UI testing with Storybook, including setting up Storybook, writing stories, testing with Jest, and integrating with other tools.\n\n## Demo\n\nYou can view a live demo of the Storybook by following this [link](https://6697fe6e41a8af33d6e11bfe-hkrbhyujqv.chromatic.com/).\n\n## Internship at Foothill Technology Solutions\n\nThis project was developed during my front-end internship at Foothill Technology Solutions. The experience was instrumental in understanding the practical applications of UI testing in modern web development and honing my skills in React and Storybook.\n\n## Getting Started\n\nTo clone this repository and run Storybook locally, follow these steps:\n\n### Prerequisites\n\n- Node.js (v12 or later)\n- npm (v6 or later)\n\n### Installation\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/Jamal-SaadEddin/ui-testing-guide-code.git\n   cd ui-testing-guide-code\n   ```\n\n2. Install the dependencies:\n\n   ```bash\n   npm install\n   ```\n\n### Running Storybook\n\nTo start Storybook locally, use the following command:\n\n```bash\nnpm run storybook\n```\n\nThis will start the Storybook server and open it in your default web browser.\n\n## Contributions\n\nContributions are welcome. Please fork the repository and submit a pull request with your updates.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjamal-saadeddin%2Fui-testing-guide-code","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjamal-saadeddin%2Fui-testing-guide-code","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjamal-saadeddin%2Fui-testing-guide-code/lists"}