Articles related to Cypress

Simulate UI Scenarios For Front-End Development

In a previous post, Simulating Different Scenarios Using Fake JSON Server API , I showed how to set up a fake API to return data based on different UI state. E.g., Given a UI list view, the application can be in different states. It can show an empty list, a…

Getting Started With Cypress: An End-to-End Testing Framework

Cypress is a next-generation front end testing tool built for the modern web. It is the next generation Selenium and enables us to write tests faster, easier, and reliable. Some of the compelling features that I find interesting with Cypress are Time Travel…

Simulating Different Scenarios Using Fake JSON Server API

How many times have you had to update the API code to return an empty list or throw an error to test edge case scenarios? How do you demo these different API scenarios to someone? The pages and components of our application have different states. Most of these…

Setting Up Cypress + React App + JSON Server + TypeScript

For the past couple of weeks, I have been playing around with Cypress and been enjoying the experience. Cypress is a next-generation front end testing tool built for the modern web. It is the next generation Selenium and enables to write tests faster, easier…

Setting Up A Fake REST API Using JSON Server

JSON Server is a great way to set up a full fake REST API for front-end development. JSON server can be set up literally in '30 seconds' and with no coding as the website claims. Capture some of the real API's data if it already exists or create a mock data…