5 chyb, které ničí malé projekty s vlastním webem

Pro většinu testů stačí stub – pevně daná odpověď na konkrétní vstup. Vytvořte si jednoduchou třídu nebo funkci, která vrací předpřipravená data. Výhodou je čitelnost a rychlost. Pokud ale testujete chování při různých stavech, potřebujete něco flexibilnějšího. Pak použijte fake objekt, který si pamatuje, co mu bylo posláno, a umí vracet různé odpovědi podle scénáře. U složitějších toků se vyplatí nasadit lokální HTTP server, který běží jen během testů a napodobuje rozhraní služby.

Malý projekt s vlastním webem má jednu nevýhodu: všechno drží pohromadě jen proto, že to někdo udržuje. Jakmile se vytratí pozornost, začnou se dít věci, které se na větším webu ztratí v provozu, rekonstrukce koupelny krok za krokem ale tady vedou k výpadku nebo ke ztrátě dat. Následujících pět chyb se opakuje pořád dokola a přitom se dají odstranit během jednoho odpoledne.

Větev není složka a commit není záloha Větev v Gitu je jen pohyblivý ukazatel na poslední commit. Neukládá kopii souborů zvlášť, jen odkazuje do historie. Když vytvoříš novou větev příkazem git switch -c nazev-vetve, pracuješ pořád ve stejné složce, jen se změní to, na co ukazuje HEAD. Proto se neboj experimentovat: rozbitou větev můžeš zahodit a vrátit se na hlavní větev příkazem git switch main. Commit ale není záloha v cloudovém smyslu. Je to lokální záznam. Dokud ho neodešleš příkazem git push, existuje jen u tebe na disku.

Nakonec použijte Sources k prohlížení skutečného kódu, ne jen zkopírovaného. Prohlížeč umí zobrazit i zdrojové mapy, pokud je projekt generuje. Díky nim ladíte původní soubor místo minifikované verze. Pokud zdrojové mapy chybí, hledejte podle názvů funkcí nebo si do kódu dočasně přidejte výrazné značky. Po opravě vždy zkuste scénář zopakovat v anonymním okně – ověříte, že chyba nezávisí na stavu prohlížeče nebo přihlášení.

Pátá chyba je podcenění aktualizací. Závislosti stárnou, bezpečnostní opravy se hromadí a najednou nejde aktualizovat nic, protože se rozbije zbytek. Aktualizujte po malých dávkách, vždy na testovací kopii a s možností vrátit se zpět. Zapište si, co která verze změnila. Až se něco pokazí, budete vědět, kde hledat, http://crativ.co.Kr místo abyste složitě zjišťovali, co se vlastně změnilo.

Vstup do testování bez předchozích zkušeností je reálný, ale nefunguje přes noc. Zaměstnavatelé neočekávají, že budete znát všechny nástroje. Chtějí vidět, že rozumíte základům, umíte přemýšlet nad chybami a dokážete se učit. Rozhodující je, co předvedete, ne kolik máte za sebou let.

Ladění JavaScriptu v prohlížeči začíná otevřením vývojářských nástrojů. Klávesa F12 nebo kombinace Ctrl+Shift+I (na Macu Cmd+Option+I) otevře panel, kde najdete záložku Console. Právě tam se zobrazují chyby i výpisy z console.log(). Pokud kód selže, konzole ukáže číslo řádku a typ chyby. Kliknutím na odkaz se přesunete přímo do zdrojového kódu. Pozor na to, že konzole často vypisuje i chyby z rozšíření prohlížeče – ty s vaším kódem nesouvisí. Před laděním proto otevřete anonymní okno nebo rozšíření dočasně vypněte.

Network panel odhalí problémy s načítáním dat. U každého požadavku vidíte stavový kód, hlavičky i tělo odpovědi. Pokud aplikace nic nezobrazuje, zkontrolujte, zda požadavek vůbec odešel a co vrátil server. Chyba 404 znamená špatnou adresu, 500 chybu na serveru. U volání přes fetch nebo XMLHttpRequest nastavte v konzoli filtr na chyby. Častý problém: zapomenutý await u asynchronní funkce. Kód pak pokračuje dřív, než dorazí data, a pracuje s nedefinovanou hodnotou.

Naučte se základy automatizace, ale nepředstírejte, že jste automatizátor. Znalost jednoho skriptovacího jazyka, práce s příkazovou řádkou a orientace v nástroji pro verzování stačí na to, aby vás nevyloučili. Napište pár jednoduchých testů nad formulářem nebo tabulkou a uložte je do repozitáře. Důležité je vysvětlit, proč jste test napsali právě tak a co ověřuje, ne kolik řádků kódu má.

Jak odhadnout revizi a úpravy konkrétn

Podmíněné breakpointy a sledování výrazů Breakpoint lze nastavit tak, aby se zastavil jen za určité situace. Klikněte pravým tlačítkem na číslo řádku a zvolte Edit breakpoint. Zadáte podmínku, například i === 5. Kód se zastaví, až když je podmínka splněna. To se hodí u velkých smyček. Do panelu Watch si přidejte konkrétní výrazy, jejichž hodnotu chcete sledovat průběžně. Nemusíte tak rozklikávat celý objekt. Další častá chyba: spoléhat jen na console.log() a zapomenout výpisy po dokončení odstranit. V produkci pak zbytečně zatěžují konzoli a mohou unikat citlivé údaje.

Konfigurace, která zůstane na serveru i po přesunu Druhá chyba souvisí s prostředím. Vývoj probíhá lokálně, ostrý provoz běží na serveru a mezi nimi se ručně přepisují přístupové údaje. Jakmile se zapomene jeden soubor, web buď spadne, nebo se připojí ke špatné databázi. Řešením je držet citlivé hodnoty mimo kód a načítat je z proměnných prostředí. Do repozitáře pak patří jen ukázkový soubor bez skutečných hesel. Ušetří to hodiny hledání, proč se něco chová jinak než na lokále.

Should you loved this post and you would like to receive more information relating to celý článek i implore you to visit our own page.