Тестирование клиентского веб-приложения JavaScript

В этом руководстве описано, как использовать прокси-сервер разработки для проверки того, как пример клиентского веб-приложения JavaScript обрабатывает ошибки API.

Предварительные требования

В этой части руководства предполагается, что на компьютере установлен и настроен прокси-сервер разработки. Если нет, сделайте это сейчас.

Чтобы выполнить это руководство, требуется:

Скачивание примера приложения

Скачайте образец приложения.

Совет

Вы также можете скачать пример приложения, запустив в командной строке devproxy preset get demo-randomerror-js.

Пример приложения поставляется с предустановкой прокси-сервера разработки. Предустановка настроена для имитации случайных ошибок в запросах API, выданных приложением. Предустановка также включает в RetryAfterPluginсебя , который помогает контролировать, отключается ли приложение от вызова API после регулирования.

Запуск прокси-сервера разработки и примера приложения

  1. В командной строке измените рабочий каталог на расположение примера приложения.
  2. Запустите пример приложения и dev Proxy, выполнив команду npm start

Поверка примера приложения

  1. В веб-браузере перейдите по адресу http://localhost:3000

    Снимок экрана: веб-браузер с тестируемым веб-приложением.

    • Если вы видите пустую страницу, проверка окно Консоли. Возможно, прокси-сервер разработчика уже имитировал ошибку API, которую приложение не обработало.
  2. Перейдите по списку статей, чтобы узнать, как приложение обрабатывает ошибки API, имитируемые прокси-сервером разработки.

    • Дополнительные сведения об ошибках можно найти в окне Консоли и в командной строке, где запущен прокси-сервер разработки.

    Снимок экрана: VS Code с открытым окном командной строки с ошибками, имитируемыми прокси-сервером разработки.

  3. Нажмите клавиши CTRL + C , чтобы остановить прокси-сервер разработки.

Следующий шаг