Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/raphaelalmeidamartins/tests-with-react-testing-library

React testing project developed at the end of Unit 14 (Front-end Development Module) of the Trybe's Web Development course
https://github.com/raphaelalmeidamartins/tests-with-react-testing-library

javascript jest react react-testing-library

Last synced: 3 months ago
JSON representation

React testing project developed at the end of Unit 14 (Front-end Development Module) of the Trybe's Web Development course

Awesome Lists containing this project

README

        

# :test_tube: Tests with React Testing Library :alembic:

![cover](./imgs/cover.png)

## :page_with_curl: About

React testing project developed by [Raphael Martins](https://www.linkedin.com/in/raphaelameidamartins/) at the end of Unit 14 ([Front-end Development Module](https://github.com/raphaelalmeidamartins/trybe_exercicios/tree/main/2_Desenvolvimento-Front-end)) of Trybe's Web Development course. I was approved with 100% of the mandatory and optional requirements met.

We had to implement integration and unit tests with React Testing Library to a React project that was already developed.

## :man_technologist: Developed Skills

* Implement integration and unit tests to a React application by using React Testing Library

## :hammer_and_wrench: Tools

* React.js
* React Testing Library (RTL)
* Jest.js
* Stryker Mutator
* JavaScript ES6+

## :hammer_and_wrench: Installation and Execution/Instalção e execução

### 1 - Clone the repository
```sh
git clone [email protected]:raphaelalmeidamartins/store-manager.git
```
### 2 - Install the dependencies and run the application

Installing dependencies:
```sh
npm install
```

Running application:
```sh
npm start
```

### 3 - Check test coverage
```sh
npm run test-coverage
```

## :test_tube: Tests coverage

![Tests coverage percent - Porcentagem de cobertura dos testes](./imgs/coverage.png)

## :trophy: Grade

![My grade of the project - Minha nota no projeto](./imgs/nota.png)

### :copyright: Copyright disclaimer

I developed this project for learning purposes, all the tests code and documentation texts in Portuguese and English are my authorship, and the rights belong exclusively to me. It is allowed to download or clone the repository for study purposes. However, it is not allowed to publish full or partial copies. This disclaimer does not cover libraries and dependencies, which are subject to their respective licenses. It also does not cover the React application to be tested, which was already developed by Trybe.