ABOUT

Here is a to-do app project made with JavaScript and React from Brad Traversy youtube channel.
I cloned it and added testing to it.

Features

• you can add a task with or without a reminder
• you can list your tasks
• you can delete your tasks

How it works

The React client app communicates with a local API backed by a JSON file that we can decide to provision first or not.
We use Cypress for testing.

How To Start

To start the app you have follow the steps below:

• first, unzip the folder
• then, make sure you have node and npm installed in your machine
• after it, you must position in the unzip folder on your terminal
• run npm install to install all the dependencies
• start the server on port 5000 by running npm run server
• open your browser to view the API at http://localhost:5000/tasks
• launch the React app with npm start command and open http://localhost:3000
• start testing with Cypress by running npm run cypress:open
• now you can visit all the tests either in cypress/component or in cypress/e2e folder

E2E Testing

• check-links.cy.js: to verify all links correctly works
• apitest.cy.js: to test the API
• ui-behavior.cy.js: to check if the UI responds when adding a task with exact styles
• 1-addtodo.cy.js: to add tasks with cypress commands
• 2-addtodo.cy.js: to add tasks using Page object modelling
• deletetask.cy.js: to delete the last task listed

Component Testing tests

• About.cy.js: to test the About component
• Footer.cy.js: to test the Footer component
• TaskDetails.cy.js: to test the TaskDetails component