React Testing 101 Component, Integration, and End-to-end Testing_1.png

tarball.tar.gz

jest

jest_describe

jest_onlytest

skiptest

aftereach

headless

foo2

opening

first_test

custom

final_job

foo_final

This course will provide you with important information, principles, and experience-based advice, to enter the world of testing methodologies. 

Here, you will learn the best practices to follow to write useful and lasting tests, how to test different user flows without a working back-end, how to write effective end-to-end tests (E2E), and how to integrate tests into development and Continuous Integration pipelines.

At the end of the course, you will be able to apply the fundamental principles of the test methodologies to understand what and how to test effectively.

Front-end Testing 101: Integration and End-to-end Testing

What are the `context` and `describe` commands useful for?

What are the <code>context</code> and <code>describe</code> commands useful for?

Tests written in jquery are more readable.

Fewer lines of code are used to write tests in jquery.

jQuery allows you to develop faster than other libraries.


It gets the DOM element containing the text.

It is an array containing all the DOM elements that respond to the given selector.

It displays the command in the `Command log`.

What is the `cy.contains` command useful for?

What is the <code>cy.contains</code> command useful for?

The `should("be.visible")` command is used to check if an item is visible.

The <code>should(&quot;be.visible&quot;)</code> command is used to check if an item is visible.

Let's test your understanding of the concepts covered so far.

Introduction

E2E Testing

The First E2E Test

Polishing the E2E test

Ajax Requests

Custom Commands

UI Integration Tests

Other Best Practices

Bonus Section

Conclusion

Appendix

Quiz on the First E2E Test