Test a JavaScript client-side web application

In this tutorial, you learn how to use Dev Proxy to test how a sample JavaScript client-side web application handles API errors.

Prerequisites

This part of the tutorial assumes that you installed and configured Dev Proxy on your machine. If not, do that now.

To follow this tutorial, you need:

• Node.js LTS.

Download the sample app

Download the sample app.

The sample app comes with a Dev Proxy preset. The preset is configured to simulate random errors on API requests issued by the app. The preset also includes the RetryAfterPlugin, which helps you control if the app backs off from calling API after it's throttled.

Start Dev Proxy and the sample app

1. In a command prompt, change the working directory to where the sample app is located.
2. Start the sample app and Dev Proxy by running npm start

Test the sample app

1. In a web browser, navigate to http://localhost:3000

   

   • If you see an empty page, check the Console window. It could be that Dev Proxy has already simulated an API error, which the app didn't handle!

2. Navigate through the list of articles to see how the app handles API errors that Dev Proxy simulates.

   • You can find more information about the errors in the Console window and in the command prompt where Dev Proxy is running.

   

3. Press Ctrl + C to stop Dev Proxy.

Next step