kankys
/
testing-docs.cz
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

otázky a odpovědi playwright

This commit is contained in:
Lukáš Kaňka 2023-12-27 21:07:23 +01:00
parent ba5492cb27
commit e0c906b6f6
21 changed files with 259 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.vscode/settings.json vendored
View File

@ -1,3 +1,3 @@
{
"liveServer.settings.port": 5501
"liveServer.settings.port": 5503
}

2
articles/co-je-automatizovane-testovani.html
View File

@ -64,6 +64,8 @@
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>

2
articles/nastroje-k-testovani-mobilnich-aplikaci.html
View File

@ -125,6 +125,8 @@
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>

207
articles/otazky-a-odpovedi-playwright.html Normal file
View File

@ -0,0 +1,207 @@
<!DOCTYPE html>
<html lang="cz">
<head>
<meta name="description" content="Dokumentace pro všechny testery" />
<meta name="keywords" content="¨Playwright, otázky a odpovědi, automatizované testování" />
<meta name="author" content="Lukáš Kaňka" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/style.css">
<link rel="shortcut icon" href="images/a picture of a text editor on a pc in the style of comics.jpg" />
<title>Testing Docs - Otázky a odpovědi k Playwright</title>
</head>
<body>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2>
<hr>
<div class="menu">
<center>
<ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li>
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li>
<li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li>
</ul>
</center>
</div>
<hr>
<div class="flexbox">
<div class="navigation">
<ul>
<li><a class="button" href="/automatizovana-testovani.html">Automatizované testování</a></li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li><a class="button" href="/penetracni-testovani.html">Penetrační testování</a></li>
<li><a class="button" href="/testing-obecne.html">Testing obečně</a></li>
<li><a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a></li>
<li><a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a></li>
<li><a class="button" href="/zatezove-testovani.html">Zátěžové testování</a></li>
</ul>
</div>
<div class="content">
<p class="big-text">Otázky a odpovědí k Playwright</p>
<p>Téma otázek:</p>
<div class="code-box">
<ul class="not-dot">
<li>1-8 – Úvod</li>
<li>9-13 – První skript</li>
<li>14-19 - Elementy interakce</li>
<li>20-22 – Locatory</li>
<li>23-27 – Eventy</li>
<li>28-31 – Práce s více stránkami browseru</li>
<li>32 – Iframes</li>
<li>33-37 – Debugging</li>
<li>38-44 – Runner konfigurace</li>
<li>45-53 – Runner – jak psát základní testy</li>
<li>54-55 – Jak psát testy v Playwright s využitím fixtures</li>
<li>56-58 – Testovací artefakty a kde je najdeme</li>
<li>59-62 – Runner visuální porovnání</li>
</ul>
</div>
<p>Otázky odpovědi:</p>
<div class="code-box">
<ul class="not-dot">
<li>1. Co je Playwrigt? – > Knihovna pro automatizaci testů</li>
<li>2. Jaký je originální jazyk Playerightu? – > JavaScript</li>
<li>3. Které jazyky playwright podporuje? – > JavaScript, Python, TypeScript, .Net</li>
<li>4. Co umí Playwright? – > E2E testování, Cross-browser testování, Cross
doménové testování</li>
<li>5. Co je hlavní výhodou Playwright? – > Jednotné API pro všechny podporované</li>
<li>6. Playwright je : ? – > Asynchronní</li>
<li>7. Která klíčová slova je nutné používat při psaní kódu? – > Await, Async</li>
<li>8. Které klíčové slovo pozastaví provádění kódu do té doby, než se asynchroní
funkce provede? – > Await</li>
<li>9. Jaká je zkratka JavaScriptové funkce, která se spustí hned, jakmile je definována? – > IIFE
</li>
<li>10. Vyber správné (nejlepší) volání pro otevření nové stránky – > const page = await
context.newPage()</li>
<li>11. Který argument definuje událost, na kterou bude metoda čekat než bude považovat stránku za
načtenou? – > waitUntil</li>
<li>12. Jaké zásadní proměnné definujeme hned v úvodu scriptu? – > browser, context, page</li>
<li>13. Kterým příkazem dojde k zavření stránky? – > await browser.close()</li>
<li>14. Co vykoná metoda page.waitForTimeout(300) – > pozastaví exekuci skriptu na dobo 3000ms</li>
<li>15. Veškeré interakce lze provádět těmito způsoby: (více správných odpovědí)– > použitím metody
objektu reprezentující stránku, použitím metody objektu reprezentující element</li>
<li>16. Jaké jsou metody pro práci s checkboxem? (více správných odpovědí) – > check, uncheck</li>
<li>17. Který selector vybere první element z pole elementů? – > nth=0</li>
<li>18. Vlastní selector Playwrightu nth=-1 (v případě, že se jedná o pole s více elementy), mi to
vrátí: – > Poslední hodnotu</li>
<li>19. Metoda fill má tyto povinné argumenty: (více správných odpovědí) – > selektor, hodnota pro
vyplnění pole</li>
<li>20. Co je to lokátor? – > Představuje logiku, jak získat aktuální reprezentaci elementu webové
stránky</li>
<li>21. Vyberte metodu pomocí které se lokátor vytváří: – > page.locator()</li>
<li>22. Pro metodu page.locator() platí: (více správných odpovědí) – > je tzv. striktní: selektoru
musí odpovídat pouze konkrétní unikátní element, přijme pouze jeden argument</li>
<li>23. Umožňuje Playwright „naslouchat a reagovat“ na událostí odehrávajících se v rámci stránky
nebo browseru, jako např. síťové requesty nebo otevření nové stránky? – > Ano, a je důležité, v
jakém pořadí jsou kódy ve snippetu napsané.</li>
<li>24. Co je race condition? – > chyba v systému nebo procesu, ve kterém jsou
výsledky nepředvídatelné při nesprávném pořadí nebo načasování jeho
jednotlivích operací.</li>
<li>25. Vyber správné pořadí příkladů: – > “page.waitForReqeuest()
page.goto(”““““)”</li>
<li>26. K čemu slouží metoda page.on()? – > k naslouchání specifického eventu,
který se zadá jako argument metody</li>
<li>27. K čemu slouží metoda JSON.stringify()? – > převede objekt nebo hodnotu JavaScriptu na
řetězec JSON</li>
<li>28. Při vytvoření nové stránky se jako metoda pro čekání použije: – >
context.waitForEvent(“page”)
</li>
<li>29. Jaká metoda slouží k přepínání mezi dvěma stránkami? – > žádná se nepoužívá, v playwright
můžeme pracovat s oběma najednou</li>
<li>30. K čemu slouží metoda console.log()? – > k vypsání výsledků do konsole</li>
<li>31. Která metoda se použije pro zpomalení exekuce? – > waitForTimeout</li>
<li>32. Která metoda slouží k získání iframe? – > page.frame()</li>
<li>33. K čemu se používá nástroj Playwright Inspector? –> Napomáhá při identifikaci a debuggingu
chyb</li>
<li>34. Jaké možnosti nabízí Playwright pro debugging? (více správných odpovědí)– > Playwright
Inspector,
Prostřednictvím developer console, Vnitřním
logováním Playwrightu do console</li>
<li>35. Jak nastavíme enviromentální proměnnou pro aktivaci Playwright inspector?– > PWDEBUG=1</li>
<li>36. Kterou hodnotu musíme přiřadit enviromentální proměnné pro zapnutí
debuggingu v automatizovaném browseru? – > PWDEBUG=“console”</li>
<li>37. Jakým způsobem zobrazíme vnitřní logování Playwrightu do konzole? – >
PWDEBUG=“pw:api”</li>
<li>38. Jak se jmenuje nativní test runner Playwrightu? –> Playwright Test</li>
<li>39. Kdy použijeme test runner Playwright test? – > Testování webových stránek a aplikací</li>
<li>40. Co je hlavní výhodou Playwright testu? – > Nativní test runner, který je max kompaktibilní s
playwright automatizační knihovnou a jeho požitím se např. o startování browseru, kontextů a
stránek apod. nemusíte starat.</li>
<li>41. Jak musí být pojmenován konfigurační soubor, aby ho po umístění do
kořene projektu testrunner automaticky identifikoval? – >
playwright.config.js</li>
<li>42. Jakou hodnotu musí mít property headless, pokud chceme sledovat browser
při exekuci? – > true</li>
<li>43. Jak se nazývají testovací konfigurace, které vytváříme v konfiguračním
souboru? – > projects</li>
<li>44. Co určují workers? – > Maximální počet paralelně exekuovaných souborů s
testy</li>
<li>45. Kterým příkazem v CMD se spouští testy? – > npx playwright test</li>
<li>46. Soubory, které obsahují testy, či scénáře s testy, které má Playwright Test
runner spustit, se pojmenovávají: – > [jmeno souboru].spec.js</li>
<li>47. Callback funkce je: – > 1. poskytnuta jiná funkce jako argument a je
spuštěna až po splnění určité podmínky v rámci funkce, která ji používá. 2.
často se píše jako anonymní funkce jako argument funkce, která ji používá.</li>
<li>48. K čemu slouží metoda test.describe? – > K rozčlenění testů do testovacích
suit</li>
<li>49. Co je test objekt? – > Slouží k psaní testů a volání metod souvisejících s
exekucí testů.</li>
<li>50. Co je expect objekt? – > Knihovna k verifikaci asertů.</li>
<li>51. Jaké 2 argumenty přijímá testovací funkce? – > Název testu a call back
function</li>
<li>52. Jakou metodu musím v rámci metody describe doplnit, aby nebyly testy
spouštěny sekvenčně: – > parallel</li>
<li>53. Jakou metodou lze exekuci testů provádět souběžně? – > parallel</li>
<li>54. Co jsou fixtures? (více správných odpovědí) – > Kousky kódu, funkce,
stringy či jiné datové typy, které umožní velmi flexibilně konfigurovat testy</li>
<li>
55. Který příkaz v CMD slouží ke spuštění testů s fixtures, pokud jsou označeny
tagem “@withfixture”? – > npx playwright test –grep=@withfixture</li>
<li>56. Co je Playwright Test Viewer? – > Nástroj umožnující prohlédnout si
zaznamenané traces</li>
<li>57. Jaké testovací artefakty můžeme definovat? (více správných odpovědí) – >
Video, Screenshots, Trace</li>
<li>58. Co vše je možné v Playwright Test Viewer zobrazit? (více správných
odpovědí) – > Screenshoty, seznam všech akcí které proběhly, časová
historie událostí při exekuci testu</li>
<li>59. Která metoda slouží pro vizuální testování, kdy dochází k porovnání
snapshotů vygenerovaných při první exekuci se snapshoty z následných
exekucí – > toMatchSnapshot()</li>
<li>60. Jakou metodu získáme screenshot? – > screenshot()</li>
<li>61. Použitím jaké metody získáme název stránky? – > title()</li>
<li>62. Jakým způsobem se snapshoty aktualizují? – > Příkazem npx playwright
test –update-snapshots</li>
</ul>
</div>
</div>
<div class="articles">
<table>
<caption>Nejdůležitější články:</caption>
<tr>
<th>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>
</div>
</div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</html>

4
articles/playwright-jak-zacit.html
View File

@ -85,9 +85,11 @@
<caption>Nejdůležitější články:</caption>
<tr>
<th>
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>

5
articles/playwright-komplet-souhrn.html
View File

@ -66,14 +66,17 @@
<p>Do složky use: ta už je vytvořená.</p>
<p>Otevřít stránku testu: (Navigace)</p>
</div>
<div class="articles">
<table>
<caption>Nejdůležitější články:</caption>
<tr>
<th>
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>

5
articles/playwright-mocha-reporter.html
View File

@ -88,15 +88,18 @@
<p>Výsledné reporty můžeme nastavit v mnoha parametrech než v této ukázcekódu. Toto je úplný základ. Více najdete v
dokumentaci <a class="button" href="https://mochajs.org">Mocha.</a></p>
</div>
<div class="articles">
<table>
<caption>Nejdůležitější články:</caption>
<tr>
<th>
<li><a class="button" target="_blank" href="articles/co-je-automatizovane-testovani.html">Co je
<li><a class="button" target="_blank" href="co-je-automatizovane-testovani.html">Co je
automatizované
testování</a>
</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>

5
articles/playwright-prvni-test.html
View File

@ -71,15 +71,18 @@
<p>});</p>
</div>
</div>
<div class="articles">
<table>
<caption>Nejdůležitější články:</caption>
<tr>
<th>
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je
automatizované
testování</a>
</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>

4
automatizovana-testovani.html
View File

@ -52,6 +52,8 @@
<li><a class="button" href="articles/playwright-prvni-test.html">Playwright první test</a></li>
<li><a class="button" href="articles/playwright-komplet-souhrn.html">Playwright komplet souhrn</a></li>
<li><a class="button" href="articles/playwright-mocha-reporter.html">Playwright Mocha reporter</a></li>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědi k
Playwright</a></li>
</li>
</ul>
</div>
@ -62,6 +64,8 @@
<th>
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
testování</a></li>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>

2
index.html
View File

@ -69,6 +69,8 @@
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>

2
mapa-webu.html
View File

@ -54,6 +54,8 @@
<th>
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</li>
</th>
</tr>

2
penetracni-testovani.html
View File

@ -54,6 +54,8 @@
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>

2
podpora.html
View File

@ -55,6 +55,8 @@
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>

2
privaci-polici.html
View File

@ -178,6 +178,8 @@
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>

4
sablona-clanky.html
View File

@ -51,9 +51,11 @@
<caption>Nejdůležitější články:</caption>
<tr>
<th>
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>

2
sablona.html
View File

@ -54,6 +54,8 @@
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>

5
style.css
View File

@ -67,4 +67,9 @@ th {
font-family: monospace;
color: black;
font-weight: bold;
border-radius: 8px;
}
.not-dot {
list-style-type: none;
}

2
testing-obecne.html
View File

@ -54,6 +54,8 @@
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>

2
testovani-mobilnich-aplikaci.html
View File

@ -54,6 +54,8 @@
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>

2
testovani-pristupnosti.html
View File

@ -54,6 +54,8 @@
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>

2
zatezove-testovani.html
View File

@ -54,6 +54,8 @@
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>