Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jamal-saadeddin/ui-testing-guide-code
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.
https://github.com/jamal-saadeddin/ui-testing-guide-code
accessibility-testing composite-components react storybook ui-testing user-flow visual-testing
Last synced: 4 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/jamal-saadeddin/ui-testing-guide-code
- Owner: Jamal-SaadEddin
- Created: 2024-07-17T09:46:38.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-07-18T07:22:15.000Z (7 months ago)
- Last Synced: 2024-10-13T21:44:04.696Z (4 months ago)
- Topics: accessibility-testing, composite-components, react, storybook, ui-testing, user-flow, visual-testing
- Language: JavaScript
- Homepage: https://6697fe6e41a8af33d6e11bfe-hkrbhyujqv.chromatic.com/
- Size: 702 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Storybook UI Testing Handbook
This 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.
## Overview
This 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.
## Demo
You can view a live demo of the Storybook by following this [link](https://6697fe6e41a8af33d6e11bfe-hkrbhyujqv.chromatic.com/).
## Internship at Foothill Technology Solutions
This 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.
## Getting Started
To clone this repository and run Storybook locally, follow these steps:
### Prerequisites
- Node.js (v12 or later)
- npm (v6 or later)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/Jamal-SaadEddin/ui-testing-guide-code.git
cd ui-testing-guide-code
```
2. Install the dependencies:
```bash
npm install
```
### Running Storybook
To start Storybook locally, use the following command:
```bash
npm run storybook
```
This will start the Storybook server and open it in your default web browser.
## Contributions
Contributions are welcome. Please fork the repository and submit a pull request with your updates.
## License
This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details.