different between e2e and Unit Testing
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1689058341417/29014ac9-5342-4af2-a3d4-dea1476a9a91.png" alt class="image--center mx-auto" />
Since Cypress covers both worlds of testing as mentioned earlier, it has been an excellent testing choice for the modern applications we build today. Let’s take a look at how Cypress helps us to build better testable products.
<h2 id="heading-benefits-of-testing-with-cypress">Benefits of testing with Cypress</h2>
In general, these are the biggest benefits of testing with Cypress that I’ve found so far:
<ul>
<li>Time travel debugging
</li>
<li>Live code reloading
</li>
<li>Current and previous state differentiation
</li>
<li>The option between running headless tests or testing in a browser
</li>
<li>Ability to take screenshots and video recordings of tests
</li>
<li>Asynchronous testing
</li>
<li>In-browser debugging environment
</li>
</ul>
<h1 id="heading-cypress-10-hooks-before-beforeeach-after-aftereach">Cypress 10 - Hooks | Before | BeforeEach | After | AfterEach</h1>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1689062360541/21789862-d524-40d8-8b4f-e1798932bf4c.png" alt class="image--center mx-auto" />

different between e2e and Unit Testing

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1689058341417/29014ac9-5342-4af2-a3d4-dea1476a9a91.png align="center")

Since Cypress covers both worlds of testing as mentioned earlier, it has been an excellent testing choice for the modern applications we build today. Let’s take a look at how Cypress helps us to build better testable products.

## **Benefits of testing with Cypress**

In general, these are the biggest benefits of testing with Cypress that I’ve found so far:

* Time travel debugging
    
* Live code reloading
    
* Current and previous state differentiation
    
* The option between running headless tests or testing in a browser
    
* Ability to take screenshots and video recordings of tests
    
* Asynchronous testing
    
* In-browser debugging environment
    

# **Cypress 10 - Hooks | Before | BeforeEach | After | AfterEach**

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1689062360541/21789862-d524-40d8-8b4f-e1798932bf4c.png align="center")

Unit testing with React and Cypress

Table of contents

Benefits of testing with Cypress

Cypress 10 - Hooks | Before | BeforeEach | After | AfterEach