Sdílet prostřednictvím


Testování webové aplikace na straně klienta JavaScriptu

V tomto kurzu se dozvíte, jak pomocí Dev Proxy otestovat, jak ukázková webová aplikace javascriptového klienta zpracovává chyby rozhraní API.

Požadavky

V této části kurzu se předpokládá, že jste na počítači nainstalovali a nakonfigurovali Dev Proxy. Pokud ne, udělejte to nyní.

Pokud chcete postupovat podle tohoto kurzu, potřebujete:

Stažení ukázkové aplikace

Stáhněte si ukázkovou aplikaci .

Tip

Ukázkovou aplikaci si můžete stáhnout také spuštěním na příkazovém řádku devproxy preset get demo-randomerror-js.

Ukázková aplikace obsahuje přednastavení dev proxy serveru. Předvolba je nakonfigurovaná tak, aby simulovala náhodné chyby u požadavků rozhraní API vydaných aplikací. Tato předvolba obsahuje také RetryAfterPlugin, což vám pomůže řídit, jestli se aplikace po omezení zpomalí nebo omezí volání rozhraní API.

Spuštění dev proxy serveru a ukázkové aplikace

  1. Na příkazovém řádku změňte pracovní adresář na místo, kde se nachází ukázková aplikace.
  2. Spuštěním npm start spusťte ukázkovou aplikaci a dev proxy server.

Testování ukázkové aplikace

  1. Ve webovém prohlížeči přejděte na http://localhost:3000

    snímek obrazovky webového prohlížeče s testovací webovou aplikací

    • Pokud se zobrazí prázdná stránka, zkontrolujte okno konzoly. Může se jednat o to, že dev proxy server už simuloval chybu rozhraní API, kterou aplikace nezpracovala.
  2. V seznamu článků se dozvíte, jak aplikace zpracovává chyby rozhraní API simulované dev proxy serverem.

    • Další informace o chybách najdete v okně konzoly a na příkazovém řádku, kde běží dev proxy server.

    snímek obrazovky editoru VS Code s otevřeným oknem příkazového řádku zobrazující chyby simulované dev proxy serverem

  3. Stisknutím kláves Ctrl + C zastavte dev proxy server.

Další krok