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 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.

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:

   git clone https://github.com/Jamal-SaadEddin/ui-testing-guide-code.git
   cd ui-testing-guide-code
   

2. Install the dependencies:

   npm install
   

Running Storybook

To start Storybook locally, use the following command:

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 file for details.