oprava menu

This commit is contained in:
Lukáš Kaňka 2024-01-08 13:27:58 +01:00
parent e7ed96dc89
commit 406f990f6a
34 changed files with 2915 additions and 2389 deletions

View File

@ -0,0 +1,21 @@
<component name="InspectionProjectProfileManager">
<profile version="1.0">
<option name="myName" value="Project Default" />
<inspection_tool class="HtmlUnknownTag" enabled="true" level="WARNING" enabled_by_default="true">
<option name="myValues">
<value>
<list size="7">
<item index="0" class="java.lang.String" itemvalue="nobr" />
<item index="1" class="java.lang.String" itemvalue="noembed" />
<item index="2" class="java.lang.String" itemvalue="comment" />
<item index="3" class="java.lang.String" itemvalue="noscript" />
<item index="4" class="java.lang.String" itemvalue="embed" />
<item index="5" class="java.lang.String" itemvalue="script" />
<item index="6" class="java.lang.String" itemvalue="li" />
</list>
</value>
</option>
<option name="myCustomValuesEnabled" value="true" />
</inspection_tool>
</profile>
</component>

View File

@ -31,15 +31,34 @@
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<ul> <table>
<li><a class="button" href="/automatizovana-testovani.html">Automatizované testování</a></li> <caption>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> Rubriky:
<li><a class="button" href="/penetracni-testovani.html">Penetrační testování</a></li> </caption>
<li><a class="button" href="/testing-obecne.html">Testing obečně</a></li> <tr>
<li><a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a></li> <th>
<li><a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a></li> <li>
<li><a class="button" href="/zatezove-testovani.html">Zátěžové testování</a></li> <a class="button" href="/automatizovane-testovani.html">Automatizované testování</a>
</ul> </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>
</th>
</tr>
</table>
</div> </div>
<div class="content"> <div class="content">

View File

@ -1,121 +1,116 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Co je automatizované testování" name="keywords"/> <meta content="Co je automatizované testování" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"/> <meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport"/> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<link href="/style.css" rel="stylesheet"/> <link href="/style.css" rel="stylesheet" />
<link <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
href="images/a picture of a text editor on a pc in the style of comics.jpg"
rel="shortcut icon"
/>
<title>Testing Docs - Cypress nastavení psaní kódu v <title>Testing Docs - Cypress nastavení psaní kódu v
Typescript</title> Typescript</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr/> <hr />
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/index.html">Domů</a> <a class="button" href="/index.html">Domů</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a> <a class="button" href="/podpora.html">Podpora</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a> <a class="button" href="/mapa-webu.html">Mapa webu</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/privaci-polici.html" <a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
>Zásady o ochraně osobních dat</a </li>
> </ul>
</li> </center>
</ul>
</center>
</div>
<hr/>
<div class="flexbox">
<div class="navigation">
<ul>
<li>
<a class="button" href="/automatizovane-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>
<hr />
<div class="content"> <div class="flexbox">
<p class="big-text">Cypress nastavení psaní kódu v <div class="navigation">
Typescript</p> <table>
<p>Pokud chceme test psát v TypeScript je třeba vytvořit soubor:</p> <caption>
<p>tsconfig.json</p> Rubriky:
<p>Do tohoto souboru vložíme následující kód:</p> </caption>
<div class="code-box"> <tr>
<p>{</p> <th>
<p>"compilerOptions": {</p> <li>
<p>"target": "es5",</p> <a class="button" href="/automatizovane-testovani.html">Automatizované testování</a>
<p>"lib": ["es5", "dom"],</p> </li>
<p>"types": ["cypress", "node"],</p> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<p>"baseUrl": "./"</p> <li>
<p>},</p> <a class="button" href="/penetracni-testovani.html">Penetrační testování</a>
<p>"include": [</p> </li>
<p>"**/*.ts"</p> <li>
<p>]</p> <a class="button" href="/testing-obecne.html">Testing obečně</a>
<p>}</p> </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>
</th>
</tr>
</table>
</div>
<div class="content">
<p class="big-text">Cypress nastavení psaní kódu v
Typescript</p>
<p>Pokud chceme test psát v TypeScript je třeba vytvořit soubor:</p>
<p>tsconfig.json</p>
<p>Do tohoto souboru vložíme následující kód:</p>
<div class="code-box">
<p>{</p>
<p>"compilerOptions": {</p>
<p>"target": "es5",</p>
<p>"lib": ["es5", "dom"],</p>
<p>"types": ["cypress", "node"],</p>
<p>"baseUrl": "./"</p>
<p>},</p>
<p>"include": [</p>
<p>"**/*.ts"</p>
<p>]</p>
<p>}</p>
</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>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<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> </body>
</html>
</html>

View File

@ -1,118 +1,109 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head> <head>
<meta name="description" content="Dokumentace pro všechny testery" /> <meta name="description" content="Dokumentace pro všechny testery" />
<meta name="keywords" content="Cypres, Automatizované testování" /> <meta name="keywords" content="Cypres, Automatizované testování" />
<meta name="author" content="Lukáš Kaňka" /> <meta name="author" content="Lukáš Kaňka" />
<meta charset="UTF-8"/> <meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport"/> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<link href="/style.css" rel="stylesheet"/> <link href="/style.css" rel="stylesheet" />
<link <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
href="images/a picture of a text editor on a pc in the style of comics.jpg"
rel="shortcut icon"
/>
<title>Testing Docs - Cypress seznámení</title> <title>Testing Docs - Cypress seznámení</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr/> <hr />
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/index.html">Domů</a> <a class="button" href="/index.html">Domů</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a> <a class="button" href="/podpora.html">Podpora</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a> <a class="button" href="/mapa-webu.html">Mapa webu</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/privaci-polici.html" <a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
>Zásady o ochraně osobních dat</a </li>
> </ul>
</li> </center>
</ul>
</center>
</div>
<hr/>
<div class="flexbox">
<div class="navigation">
<ul>
<li>
<a class="button" href="/automatizovane-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>
<hr />
<div class="content"> <div class="flexbox">
<p class="big-text">Cypress seznámení</p> <div class="navigation">
<p> <table>
Cypress stáhneš zde: <caption>
<a class="button" href="https://www.cypress.io/ ">Cypress.io</a> Rubriky:
</p> </caption>
Cypress je nástroj pro automatické testování webových aplikací. <tr>
Poskytujeuživatelům možnost psát a spouštět testy v reálném prohlížeči, <th>
což umožňujeefektivní testování interakce uživatele s webovou aplikací. <li>
Cypress nabízíjednoduché API pro psaní testů v JavaScriptu nebo <a class="button" href="/automatizovane-testovani.html">Automatizované testování</a>
TypeScriptu a poskytuje Cookies settings bohatou sadu funkcí a nástrojů, </li>
které usnadňují testování a ladění. Je takévelmi populární díky své <li><a class="button" href="/nastroje.html">Nástroje</a></li>
rychlosti a spolehlivosti. <li>
</div> <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>
</th>
</tr>
</table>
</div>
<div class="articles"> <div class="content">
<table> <p class="big-text">Cypress seznámení</p>
<caption> <p>
Nejdůležitější články: Cypress stáhneš zde:
</caption> <a class="button" href="https://www.cypress.io/ ">Cypress.io</a>
<tr> </p>
<th> Cypress je nástroj pro automatické testování webových aplikací.
<li> Poskytujeuživatelům možnost psát a spouštět testy v reálném prohlížeči,
<a class="button" href="co-je-automatizovane-testovani.html" což umožňujeefektivní testování interakce uživatele s webovou aplikací.
>Co je automatizované testování</a Cypress nabízíjednoduché API pro psaní testů v JavaScriptu nebo
> TypeScriptu a poskytuje Cookies settings bohatou sadu funkcí a nástrojů,
</li> které usnadňují testování a ladění. Je takévelmi populární díky své
<li> rychlosti a spolehlivosti.
<a class="button" href="otazky-a-odpovedi-playwright.html" </div>
>Otázky a odpovědí k Playwright</a
> <div class="articles">
</li> <table>
</th> <caption>
</tr> Nejdůležitější články:
</table> </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> </div>
</div> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html>
</html>

View File

@ -31,15 +31,34 @@
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<ul> <table>
<li><a class="button" href="/automatizovane-testovani.html">Automatizované testování</a></li> <caption>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> Rubriky:
<li><a class="button" href="/penetracni-testovani.html">Penetrační testování</a></li> </caption>
<li><a class="button" href="/testing-obecne.html">Testing obečně</a></li> <tr>
<li><a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a></li> <th>
<li><a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a></li> <li>
<li><a class="button" href="/zatezove-testovani.html">Zátěžové testování</a></li> <a class="button" href="/automatizovane-testovani.html">Automatizované testování</a>
</ul> </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>
</th>
</tr>
</table>
</div> </div>
<div class="content"> <div class="content">

View File

@ -31,15 +31,34 @@
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<ul> <table>
<li><a class="button" href="/automatizovane-testovani.html">Automatizované testování</a></li> <caption>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> Rubriky:
<li><a class="button" href="/penetracni-testovani.html">Penetrační testování</a></li> </caption>
<li><a class="button" href="/testing-obecne.html">Testing obečně</a></li> <tr>
<li><a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a></li> <th>
<li><a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a></li> <li>
<li><a class="button" href="/zatezove-testovani.html">Zátěžové testování</a></li> <a class="button" href="/automatizovane-testovani.html">Automatizované testování</a>
</ul> </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>
</th>
</tr>
</table>
</div> </div>
<div class="content"> <div class="content">

View File

@ -2,137 +2,156 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Nástroje k testování mobilních aplikací" name="keywords"/> <meta content="Nástroje k testování mobilních aplikací" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="/style.css" rel="stylesheet"> <link href="/style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Nástroje k testování mobilních aplikací</title> <title>Testing Docs - Nástroje k testování mobilních aplikací</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li> <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="/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="/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 class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div>
<hr>
<div class="flexbox">
<div class="navigation">
<ul>
<li><a class="button" href="/automatizovane-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>
<hr>
<div class="content"> <div class="flexbox">
<p class="big-text">Nástroje k testování mobilních aplikací</p> <div class="navigation">
<p><strong>1. Appium:</strong> <table>
je open-source nástroj pro automatizované testování mobilních <caption>
aplikací. Podporuje testování aplikací pro iOS, Android a Windows Rubriky:
platformy a umožňuje psát testovací skripty v populárních </caption>
programovacích jazycích, jako je Java, Python, Ruby nebo JavaScript. <tr>
https://appium.io/docs/en/2.1/</p> <th>
<p><strong>2. Selenium:</strong> <li>
je populární nástroj pro automatizované testování webových <a class="button" href="/automatizovane-testovani.html">Automatizované testování</a>
aplikací, ale také nabízí možnost testování mobilních aplikací pomocí </li>
Selenium WebDriver. Selenium WebDriver umožňuje psát testy v <li><a class="button" href="/nastroje.html">Nástroje</a></li>
různých programovacích jazycích, jako je Java, C#, Python nebo Ruby, <li>
a testovat aplikace pro iOS a Android.</p> <a class="button" href="/penetracni-testovani.html">Penetrační testování</a>
<p><strong>3. Xamarin Test Cloud:</strong> </li>
je cloudová platforma pro testování mobilních <li>
aplikací. Podporuje testování aplikací pro iOS, Android a Windows <a class="button" href="/testing-obecne.html">Testing obečně</a>
platformy a umožňuje spustit testy na široké škále zařízení. Xamarin </li>
Cookies settings <li>
Test Cloud umožňuje psát testy v C# a nabízí možnost testování <a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a>
interakce s uživatelem, včetně gest a dotyků.</p> </li>
<p><strong>4. TestComplete:</strong> <li>
je komerční nástroj pro automatizované testování <a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a>
desktopových, webových a mobilních aplikací. Podporuje testování </li>
aplikací pro iOS a Android a umožňuje psát testy v různých <li>
programovacích jazycích, jako je JavaScript, VBScript nebo Python. <a class="button" href="/zatezove-testovani.html">Zátěžové testování</a>
TestComplete nabízí také funkce pro nahrávání a přehrávání testů a </li>
možnost testování interakce s uživatelem.</p> </th>
<p><strong>5. Robot Framework:</strong> </tr>
je open-source nástroj pro automatizované </table>
testování, který podporuje testování různých typů aplikací, včetně </div>
mobilních aplikací. Robot Framework umožňuje psát testy v
jednoduchém a srozumitelném formátu pomocí klíčových slov a
podporuje testování aplikací pro iOS a Android. Nabízí také možnost
integrace s různými nástroji, jako je Appium nebo Selenium
WebDriver, a umožňuje snadnou automatizaci testů pomocí jazyků
jako Python nebo Java.</p>
<p><strong>6. Calabash:</strong>
je open-source nástroj pro automatizované testování
mobilních aplikací. Podporuje testování aplikací pro iOS a Android a
umožňuje psát testy v jazyce Ruby. Calabash nabízí jednoduchý
způsob interakce s aplikací pomocí definování scénářů a používá se v
kombinaci s frameworkem Cucumber pro snadnou čitelnost testů.</p>
<p><strong>7. Espresso:</strong>
je nástroj pro automatizované testování mobilních aplikací
vyvíjený společností Google. Je určen především pro testování aplikací
pro Android a poskytuje bohatou sadu funkcí pro interakci s
uživatelem, testování UI a ověřování stavů aplikace. Espresso je
integrován s vývojovým prostředím Android Studio a umožňuje psát
testy v jazyce Java nebo Kotlin.</p>
<p><strong>8. Xcode UI Testing:</strong>
je nástroj pro automatizované testování aplikací pro
iOS, který je součástí vývojového prostředí Xcode od společnosti
Apple. Poskytuje možnosti testování uživatelského rozhraní, interakce
s aplikací a ověřování stavů. Xcode UI Testing umožňuje psát testy v
Cookies settings
jazyce Swift a poskytuje možnost nahrávání a přehrávání testů, stejně
jako debugování testovacích kroků.</p>
<p><strong>9. UI Automator:</strong>
je nástroj pro automatizované testování aplikací pro
Android vyvíjený společností Google. Poskytuje bohaté možnosti pro
testování uživatelského rozhraní, interakci s aplikací a ověřování
stavů. UI Automator umožňuje psát testy v jazyce Java a je integrován
s nástrojem Android Studio.</p>
<p><strong>10. Selendroid:</strong>
je open-source nástroj pro automatizované testování
aplikací pro Android. Podporuje testování aplikací ve webovém
prohlížeči i nativních aplikací. Selendroid umožňuje psát testy v
jazycích Java, Python nebo Ruby a nabízí možnost testování různých
verzí Android zařízení.
Tyto nástroje k testování mobilních aplikací nabízejí různé možnosti a
funkce, ať už se jedná o automatizaci testů, interakci s uživatelem
nebo ověřování stavů aplikace. Výběr nástroje závisí na konkrétních
potřebách a preferencích vývojáře či týmu testování.</p>
</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 class="content">
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <p class="big-text">Nástroje k testování mobilních aplikací</p>
<p><strong>1. Appium:</strong>
je open-source nástroj pro automatizované testování mobilních
aplikací. Podporuje testování aplikací pro iOS, Android a Windows
platformy a umožňuje psát testovací skripty v populárních
programovacích jazycích, jako je Java, Python, Ruby nebo JavaScript.
https://appium.io/docs/en/2.1/</p>
<p><strong>2. Selenium:</strong>
je populární nástroj pro automatizované testování webových
aplikací, ale také nabízí možnost testování mobilních aplikací pomocí
Selenium WebDriver. Selenium WebDriver umožňuje psát testy v
různých programovacích jazycích, jako je Java, C#, Python nebo Ruby,
a testovat aplikace pro iOS a Android.</p>
<p><strong>3. Xamarin Test Cloud:</strong>
je cloudová platforma pro testování mobilních
aplikací. Podporuje testování aplikací pro iOS, Android a Windows
platformy a umožňuje spustit testy na široké škále zařízení. Xamarin
Cookies settings
Test Cloud umožňuje psát testy v C# a nabízí možnost testování
interakce s uživatelem, včetně gest a dotyků.</p>
<p><strong>4. TestComplete:</strong>
je komerční nástroj pro automatizované testování
desktopových, webových a mobilních aplikací. Podporuje testování
aplikací pro iOS a Android a umožňuje psát testy v různých
programovacích jazycích, jako je JavaScript, VBScript nebo Python.
TestComplete nabízí také funkce pro nahrávání a přehrávání testů a
možnost testování interakce s uživatelem.</p>
<p><strong>5. Robot Framework:</strong>
je open-source nástroj pro automatizované
testování, který podporuje testování různých typů aplikací, včetně
mobilních aplikací. Robot Framework umožňuje psát testy v
jednoduchém a srozumitelném formátu pomocí klíčových slov a
podporuje testování aplikací pro iOS a Android. Nabízí také možnost
integrace s různými nástroji, jako je Appium nebo Selenium
WebDriver, a umožňuje snadnou automatizaci testů pomocí jazyků
jako Python nebo Java.</p>
<p><strong>6. Calabash:</strong>
je open-source nástroj pro automatizované testování
mobilních aplikací. Podporuje testování aplikací pro iOS a Android a
umožňuje psát testy v jazyce Ruby. Calabash nabízí jednoduchý
způsob interakce s aplikací pomocí definování scénářů a používá se v
kombinaci s frameworkem Cucumber pro snadnou čitelnost testů.</p>
<p><strong>7. Espresso:</strong>
je nástroj pro automatizované testování mobilních aplikací
vyvíjený společností Google. Je určen především pro testování aplikací
pro Android a poskytuje bohatou sadu funkcí pro interakci s
uživatelem, testování UI a ověřování stavů aplikace. Espresso je
integrován s vývojovým prostředím Android Studio a umožňuje psát
testy v jazyce Java nebo Kotlin.</p>
<p><strong>8. Xcode UI Testing:</strong>
je nástroj pro automatizované testování aplikací pro
iOS, který je součástí vývojového prostředí Xcode od společnosti
Apple. Poskytuje možnosti testování uživatelského rozhraní, interakce
s aplikací a ověřování stavů. Xcode UI Testing umožňuje psát testy v
Cookies settings
jazyce Swift a poskytuje možnost nahrávání a přehrávání testů, stejně
jako debugování testovacích kroků.</p>
<p><strong>9. UI Automator:</strong>
je nástroj pro automatizované testování aplikací pro
Android vyvíjený společností Google. Poskytuje bohaté možnosti pro
testování uživatelského rozhraní, interakci s aplikací a ověřování
stavů. UI Automator umožňuje psát testy v jazyce Java a je integrován
s nástrojem Android Studio.</p>
<p><strong>10. Selendroid:</strong>
je open-source nástroj pro automatizované testování
aplikací pro Android. Podporuje testování aplikací ve webovém
prohlížeči i nativních aplikací. Selendroid umožňuje psát testy v
jazycích Java, Python nebo Ruby a nabízí možnost testování různých
verzí Android zařízení.
Tyto nástroje k testování mobilních aplikací nabízejí různé možnosti a
funkce, ať už se jedná o automatizaci testů, interakci s uživatelem
nebo ověřování stavů aplikace. Výběr nástroje závisí na konkrétních
potřebách a preferencích vývojáře či týmu testování.</p>
</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>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>

View File

@ -2,118 +2,141 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Co je automatizované testování" name="keywords"/> <meta content="Co je automatizované testování" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="/style.css" rel="stylesheet"> <link href="/style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Nunit založení projektu</title> <title>Testing Docs - Nunit založení projektu</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li> <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="/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="/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 class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div>
<hr>
<div class="flexbox">
<div class="navigation">
<ul>
<li><a class="button" href="/automatizovane-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>
<hr>
<div class="content"> <div class="flexbox">
<!-- Nadpis --> <div class="navigation">
<p class="big-text">Nunit založení projektu</p> <table>
<caption>
<!-- Článek --> Rubriky:
<p class="strong-text">Nainstalovat do PC:</p> </caption>
<div class="code-box"> <tr>
<p>.NET 8.0, 7.0 nebo 6.0 s dlouhou podporou.</p> <th>
<p>Visual Studio Code nebo Visual Studio 2022 pouze WIN a MacOS.</p> <li>
<a class="button" href="/automatizovane-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>
</th>
</tr>
</table>
</div> </div>
<p class="strong-text">Potřebná rozšíření:</p> <div class="content">
<div class="code-box"> <!-- Nadpis -->
<p>.NET 8.0, 7.0 nebo 6.0 s dlouhou podporou.</p> <p class="big-text">Nunit založení projektu</p>
<p>Visual Studio Code nebo Visual Studio 2022 pouze WIN a MacOS.</p>
<p>.NET Extension Pack</p> <!-- Článek -->
<p>C#</p> <p class="strong-text">Nainstalovat do PC:</p>
<p>Nuget Package Manager</p> <div class="code-box">
<p>.NET 8.0, 7.0 nebo 6.0 s dlouhou podporou.</p>
<p>Visual Studio Code nebo Visual Studio 2022 pouze WIN a MacOS.</p>
</div>
<p class="strong-text">Potřebná rozšíření:</p>
<div class="code-box">
<p>.NET 8.0, 7.0 nebo 6.0 s dlouhou podporou.</p>
<p>Visual Studio Code nebo Visual Studio 2022 pouze WIN a MacOS.</p>
<p>.NET Extension Pack</p>
<p>C#</p>
<p>Nuget Package Manager</p>
</div>
<p class="strong-text">Postup v Visual Studio Code:</p>
<div class="code-box">
<p>dotnet new nunit</p>
<p>dotnet new nunit -n MyNUnitProject —> vytvoří novou složku s projektemnázev je možno upravit</p>
<p>dotnet add package Nunit3TestAdapter —> nutné také stáhnout</p>
<p>dotnet add package NUnit.ConsoleRunner > GitHub Actions</p>
<p>dotnet add package Selenium.WebDriver > stahne knihovny selenium přejít do složky projektu</p>
<p>dotnet add package Selenium.Support</p>
</div>
<p class="strong-text">Pokud se dělají PageObject:</p>
<div class="code-box">
<p>dotnet add package DotNetSeleniumExtras.PageObjects.Core</p>
<p>dotnet add package WebDriverManager</p>
</div>
<p class="strong-text">Report:</p>
<div class="code-box">
<p>NUnit.Allure package do instalovat</p>
<p><a class="link-black" href="https://www.youtube.com/watch?v=CWPqO17DIQw" target="_blank">Video 1</a>
</p>
<p><a class="link-black" href="https://www.youtube.com/watch?v=CWPqO17DIQw" target="_blank">Video 2</a>
</p>
</div>
<hr>
<p>Tento návod funguje jak pod Linux (odzkoušené v distribucích EndeavorOS,Ubuntu 22.04), MacOS, Windows 11.
Z důvodu kompaktibility jseou je na GitHub pouze samotný kód testu. Ostatnísoubory a složky se vytvoří
po
založení projektu.</p>
<p>Složka TestResults také není součásti verze GitHub.</p>
<p class="strong-text">Aby test prošel je potřeba zkontrolovat hlavičku testu:</p>
<div class="code-box">
<p>using OpenQA.Selenium;</p>
<p>using OpenQA.Selenium.Chrome;</p>
<p>using System;</p>
<p>using NUnit.Framework;</p>
<p>using System.Threading;</p>
</div>
</div> </div>
<p class="strong-text">Postup v Visual Studio Code:</p> <div class="articles">
<div class="code-box"> <table>
<p>dotnet new nunit</p> <caption>Nejdůležitější články:</caption>
<p>dotnet new nunit -n MyNUnitProject —> vytvoří novou složku s projektemnázev je možno upravit</p> <tr>
<p>dotnet add package Nunit3TestAdapter —> nutné také stáhnout</p> <th>
<p>dotnet add package NUnit.ConsoleRunner > GitHub Actions</p> <li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
<p>dotnet add package Selenium.WebDriver > stahne knihovny selenium přejít do složky projektu</p> testování</a></li>
<p>dotnet add package Selenium.Support</p> <li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
</div> Playwright</a></li>
<p class="strong-text">Pokud se dělají PageObject:</p> </th>
<div class="code-box"> </tr>
<p>dotnet add package DotNetSeleniumExtras.PageObjects.Core</p> </table>
<p>dotnet add package WebDriverManager</p>
</div>
<p class="strong-text">Report:</p>
<div class="code-box">
<p>NUnit.Allure package do instalovat</p>
<p><a class="link-black" href="https://www.youtube.com/watch?v=CWPqO17DIQw" target="_blank">Video 1</a></p>
<p><a class="link-black" href="https://www.youtube.com/watch?v=CWPqO17DIQw" target="_blank">Video 2</a></p>
</div>
<hr>
<p>Tento návod funguje jak pod Linux (odzkoušené v distribucích EndeavorOS,Ubuntu 22.04), MacOS, Windows 11.
Z důvodu kompaktibility jseou je na GitHub pouze samotný kód testu. Ostatnísoubory a složky se vytvoří po
založení projektu.</p>
<p>Složka TestResults také není součásti verze GitHub.</p>
<p class="strong-text">Aby test prošel je potřeba zkontrolovat hlavičku testu:</p>
<div class="code-box">
<p>using OpenQA.Selenium;</p>
<p>using OpenQA.Selenium.Chrome;</p>
<p>using System;</p>
<p>using NUnit.Framework;</p>
<p>using System.Threading;</p>
</div> </div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<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> </body>
</html> </html>

View File

@ -2,79 +2,101 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Nunit, Automatizované testování, C#" name="keywords"/> <meta content="Nunit, Automatizované testování, C#" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="/style.css" rel="stylesheet"> <link href="/style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Nunit seznámení</title> <title>Testing Docs - Nunit seznámení</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li> <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="/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="/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 class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr>
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<ul> <table>
<li><a class="button" href="/automatizovane-testovani.html">Automatizované testování</a></li> <caption>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> Rubriky:
<li><a class="button" href="/penetracni-testovani.html">Penetrační testování</a></li> </caption>
<li><a class="button" href="/testing-obecne.html">Testing obečně</a></li> <tr>
<li><a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a></li> <th>
<li><a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a></li> <li>
<li><a class="button" href="/zatezove-testovani.html">Zátěžové testování</a></li> <a class="button" href="/automatizovane-testovani.html">Automatizované testování</a>
</ul> </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>
</th>
</tr>
</table>
</div>
<div class="content">
<p class="big-text">Nunit seznámení</p>
<p>
NUnit je framework pro jednotkové testování v jazyce C#. Používá se k psaní aspouštění testů, které
ověřují
správnost funkcionality jednotlivých částí kódu.NUnit poskytuje sadu metod a atributů, které usnadňují
psaní
a spouštěnítestů a zajišťují jejich správné vykonávání. Tento framework je často používánve spojení s
dalšími knihovnami a nástroji, jako je například Selenium proautomatizované testování webových aplikací.
</p>
<p>
NUnit veškerou dokumentaci najdeš na oficiálním webu: <a class="button" target="_blank"
href="https://nunit.org/">Nunit.org</a>
</p>
</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> </div>
<div class="content">
<p class="big-text">Nunit seznámení</p>
<p>
NUnit je framework pro jednotkové testování v jazyce C#. Používá se k psaní aspouštění testů, které ověřují
správnost funkcionality jednotlivých částí kódu.NUnit poskytuje sadu metod a atributů, které usnadňují psaní
a spouštěnítestů a zajišťují jejich správné vykonávání. Tento framework je často používánve spojení s
dalšími knihovnami a nástroji, jako je například Selenium proautomatizované testování webových aplikací.
</p>
<p>
NUnit veškerou dokumentaci najdeš na oficiálním webu: <a class="button" target="_blank" href="https://nunit.org/">Nunit.org</a>
</p>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</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> </body>
</html> </html>

View File

@ -2,242 +2,261 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="¨Playwright, otázky a odpovědi, automatizované testování" name="keywords"/> <meta content="¨Playwright, otázky a odpovědi, automatizované testování" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="/style.css" rel="stylesheet"> <link href="/style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Otázky a odpovědi k Playwright</title> <title>Testing Docs - Otázky a odpovědi k Playwright</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li> <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="/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="/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 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="/automatizovane-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> </li>
</ul> </ul>
</center>
</div>
<hr>
<div class="flexbox">
<div class="navigation">
<table>
<caption>
Rubriky:
</caption>
<tr>
<th>
<li>
<a class="button" href="/automatizovane-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>
</th>
</tr>
</table>
</div> </div>
</div> <div class="content">
<div class="articles"> <p class="big-text">Otázky a odpovědí k Playwright</p>
<table>
<caption>Nejdůležitější články:</caption> <p>Téma otázek:</p>
<tr>
<th> <div class="code-box">
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <ul class="not-dot">
testování</a> <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>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <li>5. Co je hlavní výhodou Playwright? > Jednotné API pro všechny podporované</li>
Playwright</a></li> <li>6. Playwright je : ? > Asynchronní</li>
</th> <li>7. Která klíčová slova je nutné používat při psaní kódu? > Await, Async</li>
</tr> <li>8. Které klíčové slovo pozastaví provádění kódu do té doby, než se asynchroní
</table> 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> </div>
</div> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>

View File

@ -2,163 +2,181 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Playwright MSTest + .Net" name="keywords"/> <meta content="Playwright MSTest + .Net" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="/style.css" rel="stylesheet"> <link href="/style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Playwright MSTest + .Net</title> <title>Testing Docs - Playwright MSTest + .Net</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li> <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="/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="/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 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="/automatizovane-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">Playwright MSTest + .Net</p>
<p>Instalace:</p>
<p> Playwright byl vytvořen speciálně pro potřeby end-to-end testování. Playwright
podporuje všechny moderní renderovací enginy včetně Chromium, WebKit a
Firefox. Testujte v systémech Windows, Linux a macOS, lokálně nebo na CI,
bezobslužně nebo v čele s nativní mobilní emulací.</p>
<p>Můžete se rozhodnout použít základní třídy NUnit nebo základní třídy MSTest,
které Playwright poskytuje pro psaní komplexních testů. Tyto třídy podporují
spouštění testů na více modulech prohlížeče, paralelní testy, úpravu možností
spuštění/kontextu a získání instance Page/BrowserContext na test z krabice.
Alternativně můžete knihovnu použít k ručnímu zápisu testovací infrastruktury.</p>
<p>Začněte vytvořením nového projektu pomocí rozhraní . Tím se vytvoří adresář,
který obsahuje soubor:</p>
<div class="code-box">
<ul class="not-dot">
<li>dotnet newPlaywrightTestsUnitTest1.cs</li>
<li></li>
dotnet new mstest -n PlaywrightTests cd PlaywrightTests
</ul>
</div>
<p>
Nainstalujte potřebné závislosti Playwright:</p>
<div class="code-box">
<ul class="not-dot">
<li></li>
dotnet add package Microsoft.Playwright.MSTest
</ul>
</div>
<p>Sestavte projekt tak, aby byl k dispozici uvnitř adresáře:playwright.ps1bin</p>
<div class="code-box">
<ul class="not-dot">
<li></li>
dotnet build
</ul>
</div>
<p>Nainstalujte požadované prohlížeče nahrazením skutečným názvem výstupní
složky, např.: netXnet6.0</p>
<div class="code-box">
<ul class="not-dot">
<li>pwsh bin/Debug/net7.0/playwright.ps1 install</li>
</ul>
</div>
<p>Pokud není k dispozici, musíte nainstalovat PowerShell.pwsh</p>
<p>Přidání příkladů testů.</p>
<p>Upravte soubor pomocí níže uvedeného kódu a vytvořte příklad kompletního
testu: UnitTest1.cs</p>
<div class="code-box">
<ul class="not-dot">
<li>using System.Text.RegularExpressions;</li>
<li>using System.Threading.Tasks;</li>
<li>using Microsoft.Playwright;</li>
<li>using Microsoft.Playwright.MSTest;</li>
<li>using Microsoft.VisualStudio.TestTools.UnitTesting;</li>
<li>namespace PlaywrightTests;</li>
<li>[TestClass]</li>
<li>public class UnitTest1 : PlaywrightTest</li>
<li>{</li>
<li>[TestMethod]</li>
<li>public async Task HomepageHasPlaywrightInTitleAndGetStartedLinkLinkingtoTheIntr
oPage()
</li> </li>
<li>{</li>
<li>await Page.GotoAsync("
<https:
//playwright.dev>");
</li>
<li>// Expect a title "to contain" a substring.</li>
<li>await Expect(Page).ToHaveTitleAsync(new Regex("Playwright"));</li>
<li>// create a locator</li>
<li>var getStarted = Page.GetByRole(AriaRole.Link, new() { Name ="Get started" });</li>
<li>// Expect an attribute "to be strictly equal" to the value.</li>
<li>await Expect(getStarted).ToHaveAttributeAsync("href", "/docs/intro");</li>
<li>// Click the get started link.</li>
<li>await getStarted.ClickAsync();</li>
<li>// Expects the URL to contain intro.</li>
<li>await Expect(Page).ToHaveURLAsync(new Regex(".*intro"));</li>
<li>}</li>
<li>}</li>
</ul> </ul>
</div> </center>
<p>Spuštění ukázkových testů.</p>
<p>Ve výchozím nastavení budou testy spuštěny na chromu. To lze konfigurovat
pomocí proměnné prostředí nebo úpravou možností konfigurace spuštění.
Testy jsou spouštěny v bezobslužném režimu, což znamená, že se při spuštění
testů neotevře žádný prohlížeč. Výsledky testů a protokoly testů se zobrazí v
terminálu.BROWSER</p>
<div class="code-box">
<ul class="not-dot">
<li>dotnet test MSTest.Parallelize.Workers=5</li>
</ul>
</div>
<p>Podívejte se na náš dokument o Test Runners, kde se dozvíte více o spouštění
testů v režimu hlavy, spouštění více testů, spouštění konkrétních konfigurací
atd.</p>
</div> </div>
<hr>
<div class="articles"> <div class="flexbox">
<table> <div class="navigation">
<caption>Nejdůležitější články:</caption> <table>
<tr> <caption>
<th> Rubriky:
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované </caption>
testování</a> <tr>
<th>
<li>
<a class="button" href="/automatizovane-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>
</th>
</tr>
</table>
</div>
<div class="content">
<p class="big-text">Playwright MSTest + .Net</p>
<p>Instalace:</p>
<p> Playwright byl vytvořen speciálně pro potřeby end-to-end testování. Playwright
podporuje všechny moderní renderovací enginy včetně Chromium, WebKit a
Firefox. Testujte v systémech Windows, Linux a macOS, lokálně nebo na CI,
bezobslužně nebo v čele s nativní mobilní emulací.</p>
<p>Můžete se rozhodnout použít základní třídy NUnit nebo základní třídy MSTest,
které Playwright poskytuje pro psaní komplexních testů. Tyto třídy podporují
spouštění testů na více modulech prohlížeče, paralelní testy, úpravu možností
spuštění/kontextu a získání instance Page/BrowserContext na test z krabice.
Alternativně můžete knihovnu použít k ručnímu zápisu testovací infrastruktury.</p>
<p>Začněte vytvořením nového projektu pomocí rozhraní . Tím se vytvoří adresář,
který obsahuje soubor:</p>
<div class="code-box">
<ul class="not-dot">
<li>dotnet newPlaywrightTestsUnitTest1.cs</li>
<li></li>
dotnet new mstest -n PlaywrightTests cd PlaywrightTests
</ul>
</div>
<p>
Nainstalujte potřebné závislosti Playwright:</p>
<div class="code-box">
<ul class="not-dot">
<li></li>
dotnet add package Microsoft.Playwright.MSTest
</ul>
</div>
<p>Sestavte projekt tak, aby byl k dispozici uvnitř adresáře:playwright.ps1bin</p>
<div class="code-box">
<ul class="not-dot">
<li></li>
dotnet build
</ul>
</div>
<p>Nainstalujte požadované prohlížeče nahrazením skutečným názvem výstupní
složky, např.: netXnet6.0</p>
<div class="code-box">
<ul class="not-dot">
<li>pwsh bin/Debug/net7.0/playwright.ps1 install</li>
</ul>
</div>
<p>Pokud není k dispozici, musíte nainstalovat PowerShell.pwsh</p>
<p>Přidání příkladů testů.</p>
<p>Upravte soubor pomocí níže uvedeného kódu a vytvořte příklad kompletního
testu: UnitTest1.cs</p>
<div class="code-box">
<ul class="not-dot">
<li>using System.Text.RegularExpressions;</li>
<li>using System.Threading.Tasks;</li>
<li>using Microsoft.Playwright;</li>
<li>using Microsoft.Playwright.MSTest;</li>
<li>using Microsoft.VisualStudio.TestTools.UnitTesting;</li>
<li>namespace PlaywrightTests;</li>
<li>[TestClass]</li>
<li>public class UnitTest1 : PlaywrightTest</li>
<li>{</li>
<li>[TestMethod]</li>
<li>public async Task HomepageHasPlaywrightInTitleAndGetStartedLinkLinkingtoTheIntr
oPage()
</li> </li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <li>{</li>
Playwright</a></li> <li>await Page.GotoAsync("
</th> <https: //playwright.dev>");
</tr> </li>
</table> <li>// Expect a title "to contain" a substring.</li>
<li>await Expect(Page).ToHaveTitleAsync(new Regex("Playwright"));</li>
<li>// create a locator</li>
<li>var getStarted = Page.GetByRole(AriaRole.Link, new() { Name ="Get started" });</li>
<li>// Expect an attribute "to be strictly equal" to the value.</li>
<li>await Expect(getStarted).ToHaveAttributeAsync("href", "/docs/intro");</li>
<li>// Click the get started link.</li>
<li>await getStarted.ClickAsync();</li>
<li>// Expects the URL to contain intro.</li>
<li>await Expect(Page).ToHaveURLAsync(new Regex(".*intro"));</li>
<li>}</li>
<li>}</li>
</ul>
</div>
<p>Spuštění ukázkových testů.</p>
<p>Ve výchozím nastavení budou testy spuštěny na chromu. To lze konfigurovat
pomocí proměnné prostředí nebo úpravou možností konfigurace spuštění.
Testy jsou spouštěny v bezobslužném režimu, což znamená, že se při spuštění
testů neotevře žádný prohlížeč. Výsledky testů a protokoly testů se zobrazí v
terminálu.BROWSER</p>
<div class="code-box">
<ul class="not-dot">
<li>dotnet test MSTest.Parallelize.Workers=5</li>
</ul>
</div>
<p>Podívejte se na náš dokument o Test Runners, kde se dozvíte více o spouštění
testů v režimu hlavy, spouštění více testů, spouštění konkrétních konfigurací
atd.</p>
</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> </div>
</div> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>

View File

@ -2,103 +2,122 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Playwricht, VSCode, automatizované testování, TypeScript, JavaScript" name="keywords"/> <meta content="Playwricht, VSCode, automatizované testování, TypeScript, JavaScript" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="/style.css" rel="stylesheet"> <link href="/style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Rychlí způsob instalace Playwright v <title>Testing Docs - Rychlí způsob instalace Playwright v
VSCode</title> VSCode</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li> <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="/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="/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 class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div>
<hr>
<div class="flexbox">
<div class="navigation">
<ul>
<li><a class="button" href="/automatizovane-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>
<hr>
<div class="content"> <div class="flexbox">
<p class="big-text">Rychlí způsob instalace Playwright v <div class="navigation">
VSCode</p> <table>
<p>Nejrychlejší způsob instalace Playwright v VSCOde * Jdi do složky projektu <caption>
pomocí CMD / terminálu a tam zadej:</p> Rubriky:
</caption>
<div class="code-box"> <tr>
<p>npm init playwright@latest</p> <th>
<li>
<a class="button" href="/automatizovane-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>
</th>
</tr>
</table>
</div> </div>
<p>Projdi instalací Playwright</p> <div class="content">
<p class="big-text">Rychlí způsob instalace Playwright v
VSCode</p>
<p>Nejrychlejší způsob instalace Playwright v VSCOde * Jdi do složky projektu
pomocí CMD / terminálu a tam zadej:</p>
<div class="code-box"> <div class="code-box">
<p>Run the install command and select the following to get <p>npm init playwright@latest</p>
started:</p> </div>
<p>Choose between TypeScript or JavaScript (default is
TypeScript)
Name of your Tests folder (default is tests or e2e if you
already have a tests folder in your project)
Add a GitHub Actions workflow to easily run tests on CI
Install Playwright browsers (default is true)</p>
</div>
<p>Test tímto způsobem instalace spustíme pomocí:</p> <p>Projdi instalací Playwright</p>
<div class="code-box"> <div class="code-box">
<p>npx playwright test</p> <p>Run the install command and select the following to get
<p>npm init playwright@latest</p> started:</p>
</div> <p>Choose between TypeScript or JavaScript (default is
TypeScript)
Name of your Tests folder (default is tests or e2e if you
already have a tests folder in your project)
Add a GitHub Actions workflow to easily run tests on CI
Install Playwright browsers (default is true)</p>
</div>
<p> <p>Test tímto způsobem instalace spustíme pomocí:</p>
Test tímto způsobem instalace spustíme pomocí:</p>
<div class="code-box">
<p>npx playwright test</p>
<p>npm init playwright@latest</p>
</div>
<div class="code-box">
<p> <p>
npx playwright test</p> Test tímto způsobem instalace spustíme pomocí:</p>
<div class="code-box">
<p>
npx playwright test</p>
</div>
</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> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<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> </body>

View File

@ -1,157 +1,145 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta <meta content="Playwright, Automatizované testovaní, Testování software" name="keywords" />
content="Playwright, Automatizované testovaní, Testování software" <meta content="Lukáš Kaňka" name="author" />
name="keywords" <meta charset="UTF-8" />
/> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="Lukáš Kaňka" name="author"/> <link href="/style.css" rel="stylesheet" />
<meta charset="UTF-8"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="/style.css" rel="stylesheet"/>
<link
href="images/a picture of a text editor on a pc in the style of comics.jpg"
rel="shortcut icon"
/>
<title>Testing Docs - Playwright jak začít</title> <title>Testing Docs - Playwright jak začít</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr/> <hr />
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/index.html">Domů</a> <a class="button" href="/index.html">Domů</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a> <a class="button" href="/podpora.html">Podpora</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a> <a class="button" href="/mapa-webu.html">Mapa webu</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/privaci-polici.html" <a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
>Zásady o ochraně osobních dat</a </li>
> </ul>
</li> </center>
</ul>
</center>
</div>
<hr/>
<div class="flexbox">
<div class="navigation">
<ul>
<li>
<a class="button" href="/automatizovane-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>
<div class="content"> <hr />
<p class="big-text">Playwright jak začít</p>
<p>Založení nového projektu</p>
<p>
Zde je návod jak nainstalovat Playwright jako v freamork k JavaScriptu
či TypeScriptu. Playwright navíc podporuje Python, Javu a .Net. Jako
první doporučuji naštívit Officiální web
<a class="button" href="https://playwright.dev"
>Playwright enables reliable end-to end testing for modern web
apps.</a
>
Kde najdete skvělou dokumentaci k Playwright.
</p>
<p>
Je nutné stáhnout a nainstalovat
<a class="button" href="https://nodejs.org/en">Node.js.</a>
</p>
<p>
Do VSCode stáhnout Extensions
<strong>Playwright Test for VSCode</strong>
</p>
<p>
Mkdir vytvoří v cmd / terminálu složku pro nový projekt, v místě kde
se nacházíme.
</p>
<p>
cd název nového projektu nás přesune do složky nového projektu První
dva body je možné udělat v GUI pomocí průzkumníka a pak otevřít
terminál v tomto místě a do terminálu už jen vložit npm init -y , tím
si připravíme projekt.
</p>
<div class="code-box"> <div class="flexbox">
<p>mkdir novy_projekt</p> <div class="navigation">
<p>cd novy_projekt</p> <table>
<p>npm init -y</p> <caption>
Rubriky:
</caption>
<tr>
<th>
<li>
<a class="button" href="/automatizovane-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>
</th>
</tr>
</table>
</div> </div>
<p>Tímto nainstalujeme samotný Playwright.</p> <div class="content">
<div class="code-box"> <p class="big-text">Playwright jak začít</p>
<p>npm i playwright</p> <p>Založení nového projektu</p>
<p>
Zde je návod jak nainstalovat Playwright jako v freamork k JavaScriptu
či TypeScriptu. Playwright navíc podporuje Python, Javu a .Net. Jako
první doporučuji naštívit Officiální web
<a class="button" href="https://playwright.dev">Playwright enables reliable end-to end testing for
modern web
apps.</a>
Kde najdete skvělou dokumentaci k Playwright.
</p>
<p>
Je nutné stáhnout a nainstalovat
<a class="button" href="https://nodejs.org/en">Node.js.</a>
</p>
<p>
Do VSCode stáhnout Extensions
<strong>Playwright Test for VSCode</strong>
</p>
<p>
Mkdir vytvoří v cmd / terminálu složku pro nový projekt, v místě kde
se nacházíme.
</p>
<p>
cd název nového projektu nás přesune do složky nového projektu První
dva body je možné udělat v GUI pomocí průzkumníka a pak otevřít
terminál v tomto místě a do terminálu už jen vložit npm init -y , tím
si připravíme projekt.
</p>
<div class="code-box">
<p>mkdir novy_projekt</p>
<p>cd novy_projekt</p>
<p>npm init -y</p>
</div>
<p>Tímto nainstalujeme samotný Playwright.</p>
<div class="code-box">
<p>npm i playwright</p>
</div>
<p>
Instalace nás provede, nastavením jako jestli chcete psát kód v
JavaScriptu nebo TypeScriptu.
</p>
<p>Po instalaci můžeme začít psát samotný test.</p>
<p>Test spustíme v terminálu v místě testu pomocí:</p>
<div class="code-box">
<p>node test.js</p>
</div>
</div> </div>
<p> <div class="articles">
Instalace nás provede, nastavením jako jestli chcete psát kód v <table>
JavaScriptu nebo TypeScriptu. <caption>
</p> Nejdůležitější články:
<p>Po instalaci můžeme začít psát samotný test.</p> </caption>
<p>Test spustíme v terminálu v místě testu pomocí:</p> <tr>
<div class="code-box"> <th>
<p>node test.js</p> <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>
</div> </div>
<div class="articles"> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<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> </body>
</html>
</html>

View File

@ -2,88 +2,107 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Playwright, Automatizované testování" name="keywords"/> <meta content="Playwright, Automatizované testování" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="/style.css" rel="stylesheet"> <link href="/style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Playwright komplet souhrn</title> <title>Testing Docs - Playwright komplet souhrn</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li> <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="/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="/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 class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div>
<hr>
<div class="flexbox">
<div class="navigation">
<ul>
<li><a class="button" href="/automatizovane-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>
<hr>
<div class="content"> <div class="flexbox">
<p class="big-text">Playwright komplet souhrn</p> <div class="navigation">
<p>V JavaScript (TypeScript): <table>
Nainstalovat node.js Po vytvoření složek/ ropositáře přes terminal nainstalovat <caption>
Playwright:</p> Rubriky:
<div class="code-box"> </caption>
<p>npm init playwright@latest</p> <tr>
</div> <th>
<p>Test spustíme:</p> <li>
<div class="code-box"> <a class="button" href="/automatizovane-testovani.html">Automatizované testování</a>
<p>npx playwright test</p> </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>
</th>
</tr>
</table>
</div> </div>
<p>Druhý způsob instalace:</p> <div class="content">
<p>Dále je možné použít způsob testování: Node.js (instalace viz. jak začít.md)</p> <p class="big-text">Playwright komplet souhrn</p>
<p>Veškeré informace oficial web:</p> <p>V JavaScript (TypeScript):
<p>Všechni informace na oficiálním webu</p> Nainstalovat node.js Po vytvoření složek/ ropositáře přes terminal nainstalovat
<p>Zobrazení prohlížeče:</p> Playwright:</p>
<div class="code-box"> <div class="code-box">
<p>do playwright.config.js(ts) přidat > headless: false,</p> <p>npm init playwright@latest</p>
</div> </div>
<p>Do složky use: ta už je vytvořená.</p> <p>Test spustíme:</p>
<p>Otevřít stránku testu: (Navigace)</p> <div class="code-box">
</div> <p>npx playwright test</p>
</div>
<div class="articles"> <p>Druhý způsob instalace:</p>
<table> <p>Dále je možné použít způsob testování: Node.js (instalace viz. jak začít.md)</p>
<caption>Nejdůležitější články:</caption> <p>Veškeré informace oficial web:</p>
<tr> <p>Všechni informace na oficiálním webu</p>
<th> <p>Zobrazení prohlížeče:</p>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <div class="code-box">
testování</a> <p>do playwright.config.js(ts) přidat > headless: false,</p>
</li> </div>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <p>Do složky use: ta už je vytvořená.</p>
Playwright</a></li> <p>Otevřít stránku testu: (Navigace)</p>
</th> </div>
</tr>
</table> <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> </div>
</div> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

View File

@ -2,87 +2,105 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Playwright, Automatizované testování, Mocha reporter" name="keywords"/> <meta content="Playwright, Automatizované testování, Mocha reporter" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="/style.css" rel="stylesheet"> <link href="/style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Playwright Mocha Reporter</title> <title>Testing Docs - Playwright Mocha Reporter</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li> <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="/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="/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 class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div>
<hr>
<div class="flexbox">
<div class="navigation">
<ul>
<li><a class="button" href="/automatizovane-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>
<hr>
<div class="content"> <div class="flexbox">
<p class="big-text">Playwright Mocha Reporter</p> <div class="navigation">
<p>Mocha HTML reporter.</p> <table>
<p>Mocha-html-reporter je knihovna, která umožňuje generovat HTML reporty protesty napsané pomocí Mocha <caption>
frameworku (který lze použít i s Playwrightem).</p> Rubriky:
<p>Pro instalaci stačí spustit příkaz:</p> </caption>
<div class="code-box"> <tr>
<p>npm install mocha mocha-html-reporter --save-dev</p> <th>
<li>
<a class="button" href="/automatizovane-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>
</th>
</tr>
</table>
</div> </div>
<p>Poté je třeba upravit konfigurační soubor pro Mocha a přidat plugin progenerování HTML reportů:</p>
<div class="code-box">
<p>const Mocha = require('mocha');</p>
<p>const mocha = new Mocha</p>
<p>({</p>
<p>reporter: 'mocha-html-reporter',</p>
<p>reporterOptions: {</p>
<p>reportDir: './test-reports',</p>
<p>reportName: 'test-report',</p>
<p>reportTitle: 'Test Report'</p>
<p>}</p>
<p>});</p>
</div>
<p>Poté je možné spustit testy pomocí Mocha a HTML, report se vygenerujeautomaticky. vložíme:</p>
<div class="code-box">
<p>// Vytvořte HTML soubor pro report</p>
<p>reportconst fs = require('fs');</p>
<p>const date = new Date().toISOString().substring(0, 19).replace('T', ' ');</p>
<p>const reportFileName = `report-${date}.html`;</p>
<p>const reportFile = fs.createWriteStream(reportFileName);</p>
<p>reportFile.write('
<html>
<https:
//zive.cz>
<body>'); <div class="content">
</p> <p class="big-text">Playwright Mocha Reporter</p>
<p>reportFile.write(' <p>Mocha HTML reporter.</p>
<h1>Example Report</h1>');</p> <p>Mocha-html-reporter je knihovna, která umožňuje generovat HTML reporty protesty napsané pomocí Mocha
<p>reportFile.write(` frameworku (který lze použít i s Playwrightem).</p>
<p>Tested at ${date}</p>`);</p> <p>Pro instalaci stačí spustit příkaz:</p>
<p>reportFile.write(' <div class="code-box">
<p>npm install mocha mocha-html-reporter --save-dev</p>
</div>
<p>Poté je třeba upravit konfigurační soubor pro Mocha a přidat plugin progenerování HTML reportů:</p>
<div class="code-box">
<p>const Mocha = require('mocha');</p>
<p>const mocha = new Mocha</p>
<p>({</p>
<p>reporter: 'mocha-html-reporter',</p>
<p>reporterOptions: {</p>
<p>reportDir: './test-reports',</p>
<p>reportName: 'test-report',</p>
<p>reportTitle: 'Test Report'</p>
<p>}</p>
<p>});</p>
</div>
<p>Poté je možné spustit testy pomocí Mocha a HTML, report se vygenerujeautomaticky. vložíme:</p>
<div class="code-box">
<p>// Vytvořte HTML soubor pro report</p>
<p>reportconst fs = require('fs');</p>
<p>const date = new Date().toISOString().substring(0, 19).replace('T', ' ');</p>
<p>const reportFileName = `report-${date}.html`;</p>
<p>const reportFile = fs.createWriteStream(reportFileName);</p>
<p>reportFile.write('
<html>
<https: //zive.cz>
<body>');
</p>
<p>reportFile.write('
<h1>Example Report</h1>');</p>
<p>reportFile.write(`
<p>Tested at ${date}</p>`);</p>
<p>reportFile.write('
</body> </body>
</html>');</p> </html>');</p>
@ -98,11 +116,11 @@
<tr> <tr>
<th> <th>
<li><a class="button" href="co-je-automatizovane-testovani.html" target="_blank">Co je <li><a class="button" href="co-je-automatizovane-testovani.html" target="_blank">Co je
automatizované automatizované
testování</a> testování</a>
</li> </li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li> Playwright</a></li>
</th> </th>
</tr> </tr>
</table> </table>

View File

@ -2,98 +2,116 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Playwright, Automatizované testovaní" name="keywords"/> <meta content="Playwright, Automatizované testovaní" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="/style.css" rel="stylesheet"> <link href="/style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Playwright první test</title> <title>Testing Docs - Playwright první test</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li> <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="/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="/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 class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div>
<hr>
<div class="flexbox">
<div class="navigation">
<ul>
<li><a class="button" href="/automatizovane-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>
<hr>
<div class="content"> <div class="flexbox">
<p class="big-text">Playwright první test</p> <div class="navigation">
<p>Základní a jednoduchý test na webu Google</p> <table>
<div class="code-box"> <caption>
<p>import { test, expect } from '@playwright/test';</p> Rubriky:
<p>import { chromium } from '@playwright/test';</p> </caption>
<p>( async () => {</p> <tr>
<p>const browser = await chromium.launch();</p> <th>
<p>const context = await browser.newContext();</p> <li>
<p>const page = await context.newPage();</p> <a class="button" href="/automatizovane-testovani.html">Automatizované testování</a>
<p>await page.goto(' </li>
<https: <li><a class="button" href="/nastroje.html">Nástroje</a></li>
//google.com>'); <li>
</p> <a class="button" href="/penetracni-testovani.html">Penetrační testování</a>
<p>// Odsouhlasí cookies</p> </li>
<p>await page.click('#L2AGLb');</p> <li>
<p>// Klikněte na pole pro vyhledávání.</p> <a class="button" href="/testing-obecne.html">Testing obečně</a>
<p>const searchInput = await page.$('[name="q"]');</p> </li>
<p>await searchInput?.type('test');</p> <li>
<p>// Potvrdíme vyhledávání stisknutím klávesy Enter</p> <a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a>
<p>await searchInput?.press('Enter');</p> </li>
<p>await page.waitForNavigation();</p> <li>
<p>console.log('Search results page title:', await <a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a>
page.title());</p> </li>
<p>// Vypíše název stránky do konzole</p> <li>
<p>const title = await page.title();</p> <a class="button" href="/zatezove-testovani.html">Zátěžové testování</a>
<p>console.log(title);</p> </li>
<p>// Zavře prohlížeč kde probíhal test</p> </th>
<p>await browser.close();</p> </tr>
<p>});</p> </table>
</div> </div>
<div class="content">
<p class="big-text">Playwright první test</p>
<p>Základní a jednoduchý test na webu Google</p>
<div class="code-box">
<p>import { test, expect } from '@playwright/test';</p>
<p>import { chromium } from '@playwright/test';</p>
<p>( async () => {</p>
<p>const browser = await chromium.launch();</p>
<p>const context = await browser.newContext();</p>
<p>const page = await context.newPage();</p>
<p>await page.goto('
<https: //google.com>');
</p>
<p>// Odsouhlasí cookies</p>
<p>await page.click('#L2AGLb');</p>
<p>// Klikněte na pole pro vyhledávání.</p>
<p>const searchInput = await page.$('[name="q"]');</p>
<p>await searchInput?.type('test');</p>
<p>// Potvrdíme vyhledávání stisknutím klávesy Enter</p>
<p>await searchInput?.press('Enter');</p>
<p>await page.waitForNavigation();</p>
<p>console.log('Search results page title:', await
page.title());</p>
<p>// Vypíše název stránky do konzole</p>
<p>const title = await page.title();</p>
<p>console.log(title);</p>
<p>// Zavře prohlížeč kde probíhal test</p>
<p>await browser.close();</p>
<p>});</p>
</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> </div>
<div class="articles"> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<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> </body>

View File

@ -2,71 +2,90 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="automatizované testování, playwright, reporty" name="keywords"/> <meta content="automatizované testování, playwright, reporty" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="/style.css" rel="stylesheet"> <link href="/style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Reporty v Playwright</title> <title>Testing Docs - Reporty v Playwright</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li> <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="/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="/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 class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div>
<hr>
<div class="flexbox">
<div class="navigation">
<ul>
<li><a class="button" href="/automatizovane-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>
<hr>
<div class="content"> <div class="flexbox">
<p class="big-text">Reporty v Playwright</p> <div class="navigation">
<p>Playwright umožňuje generovat celou řadu reportů. Můžete si dokonce zkusit <table>
napsat i svůj report využitím API metod, které Playwright poskytuje. <caption>
Podrobnosti si můžete přečíst v sekci <a class="link" Rubriky:
href="https://playwright.dev/docs/test-reporters">Guides </caption>
věnované reportům</a>.</p> <tr>
</div> <th>
<li>
<a class="button" href="/automatizovane-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>
</th>
</tr>
</table>
</div>
<div class="articles"> <div class="content">
<table> <p class="big-text">Reporty v Playwright</p>
<caption>Nejdůležitější články:</caption> <p>Playwright umožňuje generovat celou řadu reportů. Můžete si dokonce zkusit
<tr> napsat i svůj report využitím API metod, které Playwright poskytuje.
<th> Podrobnosti si můžete přečíst v sekci <a class="link"
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované href="https://playwright.dev/docs/test-reporters">Guides
testování</a> věnované reportům</a>.</p>
</li> </div>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li> <div class="articles">
</th> <table>
</tr> <caption>Nejdůležitější články:</caption>
</table> <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> </div>
</div> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>

View File

@ -2,82 +2,101 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Playwright, Test, Ukázka" name="keywords"/> <meta content="Playwright, Test, Ukázka" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="/style.css" rel="stylesheet"> <link href="/style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Playwright ukázka testu</title> <title>Testing Docs - Playwright ukázka testu</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li> <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="/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="/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 class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div>
<hr>
<div class="flexbox">
<div class="navigation">
<ul>
<li><a class="button" href="/automatizovane-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>
<hr>
<div class="content"> <div class="flexbox">
<p class="big-text">Playwright ukázka testu</p> <div class="navigation">
<p>Do soboru na importujeme browser <table>
</p> <caption>
<div class="code-box"> Rubriky:
<p>import { chromium } from „@playwright/test“;</p> </caption>
<tr>
<th>
<li>
<a class="button" href="/automatizovane-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>
</th>
</tr>
</table>
</div>
<div class="content">
<p class="big-text">Playwright ukázka testu</p>
<p>Do soboru na importujeme browser
</p>
<div class="code-box">
<p>import { chromium } from „@playwright/test“;</p>
</div>
<p>Zapíšeme Konstruktor který se vždy spustí na začátku testu</p>
<div class="code-box">
<p>(async () => {</p>
</div>
<p> V něm zpustíme browser a přiřadíme ho k příslušné proměnné pomocí
launch</p>
<p> Před každe volání proměnné použijeme await</p>
<div class="code-box">
<p> pomocí headless: false zobrazíme v testu prohlížeč</p>
</div>
</div> </div>
<p>Zapíšeme Konstruktor který se vždy spustí na začátku testu</p> <div class="articles">
<div class="code-box"> <table>
<p>(async () => {</p> <caption>Nejdůležitější články:</caption>
</div> <tr>
<p> V něm zpustíme browser a přiřadíme ho k příslušné proměnné pomocí <th>
launch</p> <li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
<p> Před každe volání proměnné použijeme await</p> testování</a>
<div class="code-box"> </li>
<p> pomocí headless: false zobrazíme v testu prohlížeč</p> <li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>
</div> </div>
</div> </div>
<div class="articles"> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<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> </body>
</html> </html>

View File

@ -1,128 +1,125 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Playwright seznámení" name="keywords"/> <meta content="Playwright seznámení" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"/> <meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport"/> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<link href="/style.css" rel="stylesheet"/> <link href="/style.css" rel="stylesheet" />
<link <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
href="images/a picture of a text editor on a pc in the style of comics.jpg"
rel="shortcut icon"
/>
<title>Testing Docs - Playwright seznámení</title> <title>Testing Docs - Playwright seznámení</title>
</head> </head>
<body> <body>
<!--Titulek--> <!--Titulek-->
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr/> <hr />
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/index.html">Domů</a> <a class="button" href="/index.html">Domů</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a> <a class="button" href="/podpora.html">Podpora</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a> <a class="button" href="/mapa-webu.html">Mapa webu</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/privaci-polici.html" <a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
>Zásady o ochraně osobních dat</a </li>
> </ul>
</li> </center>
</ul>
</center>
</div>
<hr/>
<div class="flexbox">
<div class="navigation">
<ul>
<li>
<a class="button" href="/automatizovane-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>
<hr />
<div class="content"> <div class="flexbox">
<p class="big-text">Playwright seznámení</p> <div class="navigation">
<p>Skvělou dokumentaci co u jiných nástrojů jako u PLaywright nenajdeš, čekuj <table>
na tomto odkazu: <a class="button" href="https://playwright.dev/dotnet/">playeright.dev</a></p> <caption>
<p>Playwright je nástroj pro automatizaci webových aplikací. Je vyvinutý společností Microsoft a umožňuje Rubriky:
vývojářům psát testy pro různé webové prohlížeče, jako jsou Chrome, Firefox a WebKit. Playwright podporuje </caption>
nejentestování webu, ale také simulaci uživatelských interakcí s webovými stránkami.</p> <tr>
<p>Playwright poskytuje různé tipy a triky pro efektivní použití a automatizaci. Vtéto dokumentaci jsou uvedeny <th>
informace o tom, jak začít s Playwright, jak nainstalovat a používat nástroj v prostředí Visual Studio Code <li>
(VSCode), jak přidávat reporty a snímky obrazovky do testů a mnoho dalšího.</p> <a class="button" href="/automatizovane-testovani.html">Automatizované testování</a>
<p>Playwright také nabízí podporu pro platformu .NET, která umožňuje vývojářům psát a spouštět testy v prostředí </li>
.NET. Návíc testy můžete psát jak TypeScript(kde je podle mě nejsílnější), Java Scriptu, Jave, Pythonu a <li><a class="button" href="/nastroje.html">Nástroje</a></li>
C#.</p> <li>
<p>Playwright je vybaven možnostmi generování různých reportů a výstupů z testů. Dále umožňuje snadnou instalaci <a class="button" href="/penetracni-testovani.html">Penetrační testování</a>
a konfiguraci v prostředí VSCode.</p> </li>
<p>Celkově lze říci, že Playwright je užitečným nástrojem pro automatizaci testování webových aplikací a <li>
poskytuje různé funkce a možnosti pro efektivnía spolehlivé vytváření testů.</p> <a class="button" href="/testing-obecne.html">Testing obečně</a>
<p>Nejlepší zážitek z psaní Automatizovaných testů zažiješ v novém IDE JetBrainsAqua: <a class="button" </li>
href="https://www.jetbrains.com/aqua/">JetBrainsAqua</a> <li>
</p> <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>
</th>
</tr>
</table>
</div>
<div class="content">
<p class="big-text">Playwright seznámení</p>
<p>Skvělou dokumentaci co u jiných nástrojů jako u PLaywright nenajdeš, čekuj
na tomto odkazu: <a class="button" href="https://playwright.dev/dotnet/">playeright.dev</a></p>
<p>Playwright je nástroj pro automatizaci webových aplikací. Je vyvinutý společností Microsoft a umožňuje
vývojářům psát testy pro různé webové prohlížeče, jako jsou Chrome, Firefox a WebKit. Playwright
podporuje
nejentestování webu, ale také simulaci uživatelských interakcí s webovými stránkami.</p>
<p>Playwright poskytuje různé tipy a triky pro efektivní použití a automatizaci. Vtéto dokumentaci jsou
uvedeny
informace o tom, jak začít s Playwright, jak nainstalovat a používat nástroj v prostředí Visual Studio
Code
(VSCode), jak přidávat reporty a snímky obrazovky do testů a mnoho dalšího.</p>
<p>Playwright také nabízí podporu pro platformu .NET, která umožňuje vývojářům psát a spouštět testy v
prostředí
.NET. Návíc testy můžete psát jak TypeScript(kde je podle mě nejsílnější), Java Scriptu, Jave, Pythonu a
C#.</p>
<p>Playwright je vybaven možnostmi generování různých reportů a výstupů z testů. Dále umožňuje snadnou
instalaci
a konfiguraci v prostředí VSCode.</p>
<p>Celkově lze říci, že Playwright je užitečným nástrojem pro automatizaci testování webových aplikací a
poskytuje různé funkce a možnosti pro efektivnía spolehlivé vytváření testů.</p>
<p>Nejlepší zážitek z psaní Automatizovaných testů zažiješ v novém IDE JetBrainsAqua: <a class="button"
href="https://www.jetbrains.com/aqua/">JetBrainsAqua</a>
</p>
</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> </div>
<div class="articles"> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<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> </body>
</html> </html>
r r

View File

@ -2,91 +2,112 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Playwright, Automatizované testování" name="keywords"/> <meta content="Playwright, Automatizované testování" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="/style.css" rel="stylesheet"> <link href="/style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Snímky obrazovky v Playwright</title> <title>Testing Docs - Snímky obrazovky v Playwright</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li> <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="/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="/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 class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div>
<hr>
<div class="flexbox">
<div class="navigation">
<ul>
<li><a class="button" href="/automatizovane-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>
<hr>
<div class="content"> <div class="flexbox">
<p> class="big-text">Snímky obrazovky v Playwright <div class="navigation">
</p> <table>
<p>Je několik způsobů jak dělat snímky obrazovky během testů</p> <caption>
<p>Zde je rychlý způsob, jak zachytit snímek obrazovky a uložit jej do souboru:</p> Rubriky:
<div class="code-box"> </caption>
<p>await page.screenshot({ path: 'screenshot.png' });</p> <tr>
<th>
<li>
<a class="button" href="/automatizovane-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>
</th>
</tr>
</table>
</div> </div>
<p>Celostránkové snímky obrazovky:</p>
<p>Snímek obrazovky celé stránky je snímek obrazovky celé rolovací stránky, jako
byste měli velmi vysokou obrazovku a stránka by se do ní mohla zcela vejít.</p>
<div class="code-box">
<p>await page.screenshot({ path: 'screenshot.png', fullPage:
true });</p>
</div>
<p>Zachycení do vyrovnávací paměti:</p>
<p>Spíše než zapisovat do souboru, můžete získat vyrovnávací paměť s obrazem a
následně jej zpracovat nebo jej předat zařízení pro rozdíl pixelů třetí strany.</p>
<div class="code-box">
<p>const buffer = await page.screenshot();</p>
<p>console.log(buffer.toString('base64'));</p>
</div>
<p>Snímek obrazovku prvku:</p>
<p>Někdy je užitečné pořídit snímek obrazovky jednoho prvku.</p>
<div class="code-box"><p>await page.locator('.header').screenshot({ path:
'screenshot.png' });</p></div>
</div>
<div class="articles"> <div class="content">
<table> <p class="big-text">Snímky obrazovky v Playwright
<caption>Nejdůležitější články:</caption> </p>
<tr> <p>Je několik způsobů jak dělat snímky obrazovky během testů</p>
<th> <p>Zde je rychlý způsob, jak zachytit snímek obrazovky a uložit jej do souboru:</p>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <div class="code-box">
testování</a> <p>await page.screenshot({ path: 'screenshot.png' });</p>
</li> </div>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <p>Celostránkové snímky obrazovky:</p>
Playwright</a></li> <p>Snímek obrazovky celé stránky je snímek obrazovky celé rolovací stránky, jako
</th> byste měli velmi vysokou obrazovku a stránka by se do ní mohla zcela vejít.</p>
</tr> <div class="code-box">
</table> <p>await page.screenshot({ path: 'screenshot.png', fullPage:
true });</p>
</div>
<p>Zachycení do vyrovnávací paměti:</p>
<p>Spíše než zapisovat do souboru, můžete získat vyrovnávací paměť s obrazem a
následně jej zpracovat nebo jej předat zařízení pro rozdíl pixelů třetí strany.</p>
<div class="code-box">
<p>const buffer = await page.screenshot();</p>
<p>console.log(buffer.toString('base64'));</p>
</div>
<p>Snímek obrazovku prvku:</p>
<p>Někdy je užitečné pořídit snímek obrazovky jednoho prvku.</p>
<div class="code-box">
<p>await page.locator('.header').screenshot({ path:
'screenshot.png' });</p>
</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> </div>
</div> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

View File

@ -30,15 +30,34 @@
<hr> <hr>
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<ul> <table>
<li><a class="button" href="automatizovane-testovani.html">Automatizované testování</a></li> <caption>
<li><a class="button" href="nastroje.html">Nástroje</a></li> Rubriky:
<li><a class="button" href="penetracni-testovani.html">Penetrační testování</a></li> </caption>
<li><a class="button" href="testing-obecne.html">Testing obečně</a></li> <tr>
<li><a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a></li> <th>
<li><a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a></li> <li>
<li><a class="button" href="zatezove-testovani.html">Zátěžové testování</a></li> <a class="button" href="automatizovane-testovani.html">Automatizované testování</a>
</ul> </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>
</th>
</tr>
</table>
</div> </div>
<div class="content"> <div class="content">

View File

@ -1,127 +1,121 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Hlavní strana" name="keywords"/> <meta content="Hlavní strana" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"/> <meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport"/> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<link href="style.css" rel="stylesheet"/> <link href="style.css" rel="stylesheet" />
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
rel="shortcut icon"/>
<title>Testing Docs - Hlavní strana</title> <title>Testing Docs - Hlavní strana</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr/> <hr />
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="index.html">Domů</a> <a class="button" href="index.html">Domů</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="podpora.html">Podpora</a> <a class="button" href="podpora.html">Podpora</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="mapa-webu.html">Mapa webu</a> <a class="button" href="mapa-webu.html">Mapa webu</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="privaci-polici.html" <a class="button" href="privaci-polici.html">Zásady o ochraně osobních dat</a>
>Zásady o ochraně osobních dat</a </li>
> </ul>
</li> </center>
</ul> </div>
</center> <hr />
</div>
<hr/>
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<ul> <table>
<li> <caption>
<a class="button" href="automatizovane-testovani.html" Rubriky:
>Automatizované testování</a> </caption>
</li> <tr>
<li><a class="button" href="nastroje.html">Nástroje</a></li> <th>
<li> <li>
<a class="button" href="penetracni-testovani.html" <a class="button" href="automatizovane-testovani.html">Automatizované testování</a>
>Penetrační testování</a> </li>
</li> <li><a class="button" href="nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="testing-obecne.html">Testing obečně</a> <a class="button" href="penetracni-testovani.html">Penetrační testování</a>
</li> </li>
<li> <li>
<a class="button" href="testovani-mobilnich-aplikaci.html" <a class="button" href="testing-obecne.html">Testing obečně</a>
>Testování mobilních aplikací</a> </li>
</li> <li>
<li> <a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a>
<a class="button" href="testovani-pristupnosti.html" </li>
>Testování přístupnosti</a> <li>
</li> <a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a>
<li> </li>
<a class="button" href="zatezove-testovani.html" <li>
>Zátěžové testování</a> <a class="button" href="zatezove-testovani.html">Zátěžové testování</a>
</li> </li>
</ul> </th>
</div> </tr>
</table>
</div>
<div class="content"> <div class="content">
<p class="big-text">Testing Docs CZ</p> <p class="big-text">Testing Docs CZ</p>
<p> <p>
Vítám tě na této stránce, která slouží jako dokumentace pro softwarové Vítám tě na této stránce, která slouží jako dokumentace pro softwarové
testery. testery.
</p> </p>
<p> <p>
Docs je stále ve vývoji a pracuje se na ní pouze ve volném čase a v Docs je stále ve vývoji a pracuje se na ní pouze ve volném čase a v
jedné osobě (tak děkuji za pochopení a případné chyby či nedostatky). jedné osobě (tak děkuji za pochopení a případné chyby či nedostatky).
Všekerý materiál by měl být nejpozději na webu začátkem jara 2024. Všekerý materiál by měl být nejpozději na webu začátkem jara 2024.
Materiálu mám velké množství, ale vše se tam musí nabouchat a to dá Materiálu mám velké množství, ale vše se tam musí nabouchat a to dá
chvilku zabrat 🙈. chvilku zabrat 🙈.
</p> </p>
<p> <p>
Pokud naleznete v Docs nejastnosti, chyby a nebo naopak vám něco chybí Pokud naleznete v Docs nejastnosti, chyby a nebo naopak vám něco chybí
či by jste se chtěli aktivně jakkoliv podílet na tomto projektu budu či by jste se chtěli aktivně jakkoliv podílet na tomto projektu budu
rád když mě budete na lukas.kanka(zavináč)outlook.cz. rád když mě budete na lukas.kanka(zavináč)outlook.cz.
</p> </p>
<p>Pro lepší orientaci doporučuji použít Mapu testing docs.</p> <p>Pro lepší orientaci doporučuji použít Mapu testing docs.</p>
<p> <p>
Pokud bude něco dělat dle těchto stránek a nejste si jisti co Pokud bude něco dělat dle těchto stránek a nejste si jisti co
děláte,<strong děláte,<strong>vždy si pořádně pročtete k danému tématu dokumentaci!</strong>
>vždy si pořádně pročtete k danému tématu dokumentaci!</strong> Vyvarujete se případným budoucím problémům. Tato stránka je
Vyvarujete se případným budoucím problémům. Tato stránka je informativního fotmátu a né oficiální návody. Vše co zde zkopírujete
informativního fotmátu a né oficiální návody. Vše co zde zkopírujete nebo uděláte dle tohoto webu tak jen na Vaši zodpovědnost.
nebo uděláte dle tohoto webu tak jen na Vaši zodpovědnost. </p>
</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é
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>
</div>
</div> </div>
<div class="articles"> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<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é 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>
</div>
</div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html>
</html>

View File

@ -2,67 +2,86 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Mapa webu" name="keywords"/> <meta content="Mapa webu" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="style.css" rel="stylesheet"> <link href="style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Mapa webu</title> <title>Testing Docs - Mapa webu</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="index.html">Domů</a></li> <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="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="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 class="menu-item"><a class="button" href="privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div>
<hr>
<div class="flexbox">
<div class="navigation">
<ul>
<li><a class="button" href="automatizovane-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>
<hr>
<div class="content"> <div class="flexbox">
<p class="big-text">Mapa webu</p> <div class="navigation">
<table>
<caption>
Rubriky:
</caption>
<tr>
<th>
<li>
<a class="button" href="automatizovane-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>
</th>
</tr>
</table>
</div>
<div class="content">
<p class="big-text">Mapa webu</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é
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>
</table>
</div>
</div> </div>
<div class="articles"> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<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é
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>
</table>
</div>
</div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>

View File

@ -2,52 +2,71 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Nástroje" name="keywords"/> <meta content="Nástroje" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="style.css" rel="stylesheet"> <link href="style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Nástroje</title> <title>Testing Docs - Nástroje</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="index.html">Domů</a></li> <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="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="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 class="menu-item"><a class="button" href="privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div>
<hr>
<div class="flexbox">
<div class="navigation">
<ul>
<li><a class="button" href="automatizovane-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>
<hr>
<div class="content"> <div class="flexbox">
<p class="big-text">text .....</p> <div class="navigation">
<p>text........</p> <table>
<caption>
Rubriky:
</caption>
<tr>
<th>
<li>
<a class="button" href="automatizovane-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>
</th>
</tr>
</table>
</div>
<div class="content">
<p class="big-text">text .....</p>
<p>text........</p>
</div>
</div> </div>
</div> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>

View File

@ -2,66 +2,85 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Penetrační testování" name="keywords"/> <meta content="Penetrační testování" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="style.css" rel="stylesheet"> <link href="style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Penetrační testování</title> <title>Testing Docs - Penetrační testování</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="index.html">Domů</a></li> <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="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="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 class="menu-item"><a class="button" href="privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr>
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<ul> <table>
<li><a class="button" href="automatizovane-testovani.html">Automatizované testování</a></li> <caption>
<li><a class="button" href="nastroje.html">Nástroje</a></li> Rubriky:
<li><a class="button" href="penetracni-testovani.html">Penetrační testování</a></li> </caption>
<li><a class="button" href="testing-obecne.html">Testing obečně</a></li> <tr>
<li><a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a></li> <th>
<li><a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a></li> <li>
<li><a class="button" href="zatezove-testovani.html">Zátěžové testování</a></li> <a class="button" href="automatizovane-testovani.html">Automatizované testování</a>
</ul> </li>
</div> <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>
</th>
</tr>
</table>
</div>
<div class="content"> <div class="content">
<p class="big-text"></p> <p class="big-text"></p>
<p></p> <p></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é
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>
</div>
</div> </div>
<div class="articles"> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<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é
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>
</div>
</div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>

View File

@ -2,67 +2,103 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Mapa webu" name="keywords"/> <meta content="Mapa webu" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="style.css" rel="stylesheet"> <link href="style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Mapa webu</title> <title>Testing Docs - Mapa webu</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="index.html">Domů</a></li> <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="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="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 class="menu-item"><a class="button" href="privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div>
<hr>
<div class="flexbox">
<div class="navigation">
<ul>
<li><a class="button" href="automatizovane-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>
<hr>
<div class="content"> <div class="flexbox">
<p class="big-text">Podpora</p> <div class="navigation">
<table>
<caption>
Rubriky:
</caption>
<tr>
<th>
<li>
<a class="button" href="automatizovane-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>
</th>
</tr>
</table>
</div>
<div class="content">
<p class="big-text">Podpora</p>
</div> <!-- Kde všude mě najdete -->
<div class="articles"> <div>
<table> <ul class="not-dot">
<caption>Nejdůležitější články:</caption>
<tr> <li><strong>Kde všude mně najdete: </strong></li>
<th> <li>Můj profil na: <a class="button"
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované href="https://www.linkedin.com/in/luk%C3%A1%C5%A1-ka%C5%88ka-b2a0a1a0/"
testování</a> target="_blank">LinkedIn</a></li>
<li>
Můj profil na: <a class="button" href="https://github.com/LukasKanka" target="_blank">GitHub</a>
</li> </li>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <li>Můj profil na: <a class="button" href="https://lukan.cz" target="_blank">Můj druhý blog</a>
Playwright</a></li> </li>
</th> <li>Můj profil na: <a class="button" href="https://testing-docs.cz" target="_blank">Má Testing
</tr> Docs</a></li>
</table> </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
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>
</div>
</div> </div>
</div> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>

View File

@ -2,191 +2,210 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Zásady ochrany osobních údajů" name="keywords"/> <meta content="Zásady ochrany osobních údajů" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="style.css" rel="stylesheet"> <link href="style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Zásady ochrany osobních údajů</title> <title>Testing Docs - Zásady ochrany osobních údajů</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="index.html">Domů</a></li> <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="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="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 class="menu-item"><a class="button" href="privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div>
<hr>
<div class="flexbox">
<div class="navigation">
<ul>
<li><a class="button" href="automatizovane-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>
<hr>
<div class="content"> <div class="flexbox">
<p class="big-text">Zásady ochrany osobních údajů</p> <div class="navigation">
<p>Naposledy aktualizováno: 14.12.2023</p> <table>
<caption>
Rubriky:
</caption>
<tr>
<th>
<li>
<a class="button" href="automatizovane-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>
</th>
</tr>
</table>
</div>
<p> <div class="content">
Pokud jste návštěvníkem mé testing-docs.cz, odběratelem novinek, <p class="big-text">Zásady ochrany osobních údajů</p>
přispěvatelem do komentářů poskytujete nám své osobní údaje. My vaše <p>Naposledy aktualizováno: 14.12.2023</p>
údaje zpracováváme a za jejich bezpečnost odpovídáme. Slibujeme, že
vaše <br/>údaje dostatečně chráníme a podřizujeme se požadavkům
Nařízení o ochraně osobních údajů (GDPR).
</p>
<p> <p>
Neprodáváme žádný produkt, nejste tedy našimi zákazníky, ale Pokud jste návštěvníkem mé testing-docs.cz, odběratelem novinek,
návštěvníky blogu. přispěvatelem do komentářů poskytujete nám své osobní údaje. My vaše
</p> údaje zpracováváme a za jejich bezpečnost odpovídáme. Slibujeme, že
vaše <br />údaje dostatečně chráníme a podřizujeme se požadavkům
Nařízení o ochraně osobních údajů (GDPR).
</p>
<p> <p>
Správcem vašich osobních údajů je Lukáš (Lucka ani nekouká přes Neprodáváme žádný produkt, nejste tedy našimi zákazníky, ale
rameno!)<br/> návštěvníky blogu.
Správcem osobních údajů je Lukáš Kaňka, který provozuje webové stránky <a class="button" </p>
href="https://testing-docs.cz/index.html">testing-docs.cz.</a>
Lukáš vaše údaje
spravuje a určuje, jak
dlouho budou osobní údaje zpracovávány, a za jakým účelem. Vybírá také další zpracovatele, které ke
zpracování využíváme.
</p>
<p> <p>
<strong>Jaké údaje zpracováváme a proč?</strong><br/> Správcem vašich osobních údajů je Lukáš (Lucka ani nekouká přes
Vaše osobní údaje zpracováváme především proto, abychom vám mohli rameno!)<br />
poskytovat co nejkvalitnější obsah. Jednotlivé důvody zpracování: Správcem osobních údajů je Lukáš Kaňka, který provozuje webové stránky <a class="button"
</p> href="https://testing-docs.cz/index.html">testing-docs.cz.</a>
Lukáš vaše údaje
spravuje a určuje, jak
dlouho budou osobní údaje zpracovávány, a za jakým účelem. Vybírá také další zpracovatele, které ke
zpracování využíváme.
</p>
<p> <p>
<strong>Předávání osobních údajů třetím osobám.</strong><br/> <strong>Jaké údaje zpracováváme a proč?</strong><br />
Vaše údaje zpracovává správce Lukáš Kaňka, s využitím dalších dvou Vaše osobní údaje zpracováváme především proto, abychom vám mohli
zpracovatelů, společnosti Endora , jejichž zpracování spočívá v poskytovat co nejkvalitnější obsah. Jednotlivé důvody zpracování:
uchovávání údajů na zabezpečených cloudových serverech. </p>
</p>
<p> <p>
Abychom mohli měřit, jak se vám na našem blogu líbí, kde trávíte <strong>Předávání osobních údajů třetím osobám.</strong><br />
nejvíce času a kam klikáte, používáme další poskytovatele služeb pro Vaše údaje zpracovává správce Lukáš Kaňka, s využitím dalších dvou
určité zpracovatelské operace. Jsou to: zpracovatelů, společnosti Endora , jejichž zpracování spočívá v
</p> uchovávání údajů na zabezpečených cloudových serverech.
</p>
<p>Hostingový cloud Endora</p> <p>
Abychom mohli měřit, jak se vám na našem blogu líbí, kde trávíte
nejvíce času a kam klikáte, používáme další poskytovatele služeb pro
určité zpracovatelské operace. Jsou to:
</p>
<p> <p>Hostingový cloud Endora</p>
<strong>Jak nás můžete kontaktovat</strong><br/>
Ať už na nás máte jakoukoliv otázku nebo požadavek, můžete nás
kontaktovat ne e-mailové adrese: lukas.kanka@lukan.cz.
</p>
<p> <p>
<strong>Předávání vašich dat mimo Evropskou Unii</strong><br/> <strong>Jak nás můžete kontaktovat</strong><br />
Vaše data zpracováváme výhradně v Evropské unii nebo v zemích, které Ať už na nás máte jakoukoliv otázku nebo požadavek, můžete nás
zajišťují odpovídající úroveň ochrany na základě rozhodnutí Evropské kontaktovat ne e-mailové adrese: lukas.kanka@lukan.cz.
komise. </p>
</p>
<p> <p>
<strong>Zabezpečení a ochrana osobních údajů</strong><br/> <strong>Předávání vašich dat mimo Evropskou Unii</strong><br />
Vaše data jsou u nás v bezpečí. Přijali jsme technická opatření, která Vaše data zpracováváme výhradně v Evropské unii nebo v zemích, které
zajišťují zabezpečení osobních údajů šifrováním přenosu dat pomocí zajišťují odpovídající úroveň ochrany na základě rozhodnutí Evropské
HTTPS protokolu (ten zámeček, co je vedle naší URL adresy ;-)) a<br/> komise.
zabezpečili vaše osobní údaje v souladu s čl. 32 GDPR. </p>
</p>
<p> <p>
<strong>Vaše práva v souvislosti s ochranou osobních údajů:</strong> <strong>Zabezpečení a ochrana osobních údajů</strong><br />
</p> Vaše data jsou u nás v bezpečí. Přijali jsme technická opatření, která
zajišťují zabezpečení osobních údajů šifrováním přenosu dat pomocí
HTTPS protokolu (ten zámeček, co je vedle naší URL adresy ;-)) a<br />
zabezpečili vaše osobní údaje v souladu s čl. 32 GDPR.
</p>
<p> <p>
V souvislosti s ochranou osobních údajů máte řadu práv. Pokud budete <strong>Vaše práva v souvislosti s ochranou osobních údajů:</strong>
chtít některého z těchto práv využít, prosím, kontaktujte nás </p>
prostřednictvím e-mailu: lukas.kanka@lukan.cz
</p>
<p>Máte právo na informace, které si právě teď čtete. 🙂</p> <p>
V souvislosti s ochranou osobních údajů máte řadu práv. Pokud budete
chtít některého z těchto práv využít, prosím, kontaktujte nás
prostřednictvím e-mailu: lukas.kanka@lukan.cz
</p>
<p> <p>Máte právo na informace, které si právě teď čtete. 🙂</p>
Díky právu na přístup nás můžete kdykoli vyzvat a my vám do 30 dnů
doložíme, jaké vaše osobní údaje zpracováváme a proč. Pokud se u vás
něco změní nebo shledáte své osobní údaje neaktuální nebo<br/>
neúplné, máte právo na doplnění a změnu osobních údajů.
</p>
<p> <p>
Právo na omezení zpracování můžete využít, pokud se domníváte, že Díky právu na přístup nás můžete kdykoli vyzvat a my vám do 30 dnů
zpracováváme vaše nepřesné údaje, domníváte se, že provádíme doložíme, jaké vaše osobní údaje zpracováváme a proč. Pokud se u vás
zpracování nezákonně, ale nechcete všechny údaje smazat nebo pokud něco změní nebo shledáte své osobní údaje neaktuální nebo<br />
jste vznesli námitku proti zpracování. Omezit můžete rozsah osobních údajů neúplné, máte právo na doplnění a změnu osobních údajů.
nebo účelů zpracování. </p>
</p>
<p><strong>Právo na výmaz (být zapomenut)</strong></p> <p>
Právo na omezení zpracování můžete využít, pokud se domníváte, že
zpracováváme vaše nepřesné údaje, domníváte se, že provádíme
zpracování nezákonně, ale nechcete všechny údaje smazat nebo pokud
jste vznesli námitku proti zpracování. Omezit můžete rozsah osobních údajů
nebo účelů zpracování.
</p>
<p> <p><strong>Právo na výmaz (být zapomenut)</strong></p>
Vaším dalším právem je právo na výmaz (být zapomenut). Nechceme na vás
zapomenout, ale pokud si to budete přát, máte na to právo. 😞 V
takovém případě vymažeme veškeré vaše osobní údaje ze svého<br/>
systému i ze systému všech dílčích zpracovatelů a záloh. Na zajištění
práva na výmaz potřebujeme 30 dní.
</p>
<p><strong>Stížnost u Úřadu na ochranu osobních údajů</strong></p> <p>
Vaším dalším právem je právo na výmaz (být zapomenut). Nechceme na vás
zapomenout, ale pokud si to budete přát, máte na to právo. 😞 V
takovém případě vymažeme veškeré vaše osobní údaje ze svého<br />
systému i ze systému všech dílčích zpracovatelů a záloh. Na zajištění
práva na výmaz potřebujeme 30 dní.
</p>
<p> <p><strong>Stížnost u Úřadu na ochranu osobních údajů</strong></p>
Pokud máte pocit, že s vašimi údaji nezacházíme v souladu se zákonem,
máte právo se se svou stížností kdykoli obrátit na Úřad pro ochranu
osobních údajů. Budeme moc rádi, pokud nejprve budete o tomto<br/>
podezření informovat nás, abychom s tím mohli něco udělat a případné
pochybení napravit.
</p>
<p><strong>Mlčenlivost:</strong></p> <p>
<p> Pokud máte pocit, že s vašimi údaji nezacházíme v souladu se zákonem,
Jsme povinni zachovávat mlčenlivost o osobních údajích a o máte právo se se svou stížností kdykoli obrátit na Úřad pro ochranu
bezpečnostních opatřeních, jejichž zveřejnění by ohrozilo zabezpečení osobních údajů. Budeme moc rádi, pokud nejprve budete o tomto<br />
vašich osobních údajů. Tato mlčenlivost přitom trvá i po skončení<br/> podezření informovat nás, abychom s tím mohli něco udělat a případné
závazkových vztahů s námi. Bez vašeho souhlasu také vaše údaje žádné pochybení napravit.
jiné třetí straně nevydáme. </p>
</p>
<p>Tyto Zásady ochrany osobních údajů nabývají účinnosti 14.12.2023</p> <p><strong>Mlčenlivost:</strong></p>
<p>
Jsme povinni zachovávat mlčenlivost o osobních údajích a o
bezpečnostních opatřeních, jejichž zveřejnění by ohrozilo zabezpečení
vašich osobních údajů. Tato mlčenlivost přitom trvá i po skončení<br />
závazkových vztahů s námi. Bez vašeho souhlasu také vaše údaje žádné
jiné třetí straně nevydáme.
</p>
<p>Tyto Zásady ochrany osobních údajů nabývají účinnosti 14.12.2023</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é
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>
</div>
</div> </div>
<div class="articles"> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<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é
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>
</div>
</div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>

View File

@ -2,66 +2,85 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Co je automatizované testování" name="keywords"/> <meta content="Co je automatizované testování" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="/style.css" rel="stylesheet"> <link href="/style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Co je automatizované testování</title> <title>Testing Docs - Co je automatizované testování</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li> <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="/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="/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 class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr>
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<ul> <table>
<li><a class="button" href="/automatizovane-testovani.html">Automatizované testování</a></li> <caption>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> Rubriky:
<li><a class="button" href="/penetracni-testovani.html">Penetrační testování</a></li> </caption>
<li><a class="button" href="/testing-obecne.html">Testing obečně</a></li> <tr>
<li><a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a></li> <th>
<li><a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a></li> <li>
<li><a class="button" href="/zatezove-testovani.html">Zátěžové testování</a></li> <a class="button" href="/automatizovane-testovani.html">Automatizované testování</a>
</ul> </li>
</div> <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>
</th>
</tr>
</table>
</div>
<div class="content"> <div class="content">
<p class="big-text">Text</p> <p class="big-text">Text</p>
<p>Text</p> <p>Text</p>
</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> </div>
<div class="articles"> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<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> </body>

View File

@ -2,66 +2,85 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Hlavní strana" name="keywords"/> <meta content="Hlavní strana" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="style.css" rel="stylesheet"> <link href="style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Hlavní strana</title> <title>Testing Docs - Hlavní strana</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="index.html">Domů</a></li> <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="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="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 class="menu-item"><a class="button" href="privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr>
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<ul> <table>
<li><a class="button" href="automatizovane-testovani.html">Automatizované testování</a></li> <caption>
<li><a class="button" href="nastroje.html">Nástroje</a></li> Rubriky:
<li><a class="button" href="penetracni-testovani.html">Penetrační testování</a></li> </caption>
<li><a class="button" href="testing-obecne.html">Testing obečně</a></li> <tr>
<li><a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a></li> <th>
<li><a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a></li> <li>
<li><a class="button" href="zatezove-testovani.html">Zátěžové testování</a></li> <a class="button" href="automatizovane-testovani.html">Automatizované testování</a>
</ul> </li>
</div> <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>
</th>
</tr>
</table>
</div>
<div class="content"> <div class="content">
<p class="big-text">text .....</p> <p class="big-text">text .....</p>
<p>text........</p> <p>text........</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é
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>
</div>
</div> </div>
<div class="articles"> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<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é
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>
</div>
</div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>

View File

@ -27,16 +27,19 @@ body {
.navigation { .navigation {
flex: 1; flex: 1;
margin: 0px 0px 0px 50px; /* margin: 0px 0px 0px 50px; */
padding: 25px;
/* margin-top: 20px; */
} }
.content { .content {
flex: 3; flex: 3;
margin-bottom: 20px; /* margin-top: 20px; */
} }
.articles { .articles {
margin: 0px 50px 0px 0px; margin: 0px 50px 0px 0px;
margin-top: 25px;
} }
footer { footer {
@ -46,6 +49,7 @@ footer {
.big-text { .big-text {
font-size: 40px; font-size: 40px;
text-align: center;
} }
h1 { h1 {

View File

@ -2,66 +2,85 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Testing obecně" name="keywords"/> <meta content="Testing obecně" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="style.css" rel="stylesheet"> <link href="style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Testing obecně</title> <title>Testing Docs - Testing obecně</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="index.html">Domů</a></li> <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="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="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 class="menu-item"><a class="button" href="privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr>
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<ul> <table>
<li><a class="button" href="automatizovane-testovani.html">Automatizované testování</a></li> <caption>
<li><a class="button" href="nastroje.html">Nástroje</a></li> Rubriky:
<li><a class="button" href="penetracni-testovani.html">Penetrační testování</a></li> </caption>
<li><a class="button" href="testing-obecne.html">Testing obečně</a></li> <tr>
<li><a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a></li> <th>
<li><a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a></li> <li>
<li><a class="button" href="zatezove-testovani.html">Zátěžové testování</a></li> <a class="button" href="automatizovane-testovani.html">Automatizované testování</a>
</ul> </li>
</div> <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>
</th>
</tr>
</table>
</div>
<div class="content"> <div class="content">
<p class="big-text">text .....</p> <p class="big-text">text .....</p>
<p>text........</p> <p>text........</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é
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>
</div>
</div> </div>
<div class="articles"> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<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é
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>
</div>
</div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>

View File

@ -2,66 +2,85 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Testování mobilních aplikací" name="keywords"/> <meta content="Testování mobilních aplikací" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="style.css" rel="stylesheet"> <link href="style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Testování mobilních aplikací</title> <title>Testing Docs - Testování mobilních aplikací</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="index.html">Domů</a></li> <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="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="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 class="menu-item"><a class="button" href="privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr>
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<ul> <table>
<li><a class="button" href="automatizovane-testovani.html">Automatizované testování</a></li> <caption>
<li><a class="button" href="nastroje.html">Nástroje</a></li> Rubriky:
<li><a class="button" href="penetracni-testovani.html">Penetrační testování</a></li> </caption>
<li><a class="button" href="testing-obecne.html">Testing obečně</a></li> <tr>
<li><a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a></li> <th>
<li><a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a></li> <li>
<li><a class="button" href="zatezove-testovani.html">Zátěžové testování</a></li> <a class="button" href="automatizovane-testovani.html">Automatizované testování</a>
</ul> </li>
</div> <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>
</th>
</tr>
</table>
</div>
<div class="content"> <div class="content">
<p class="big-text">text .....</p> <p class="big-text">text .....</p>
<p>text........</p> <p>text........</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é
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>
</div>
</div> </div>
<div class="articles"> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<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é
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>
</div>
</div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>

View File

@ -2,66 +2,85 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Testování přístupnosti" name="keywords"/> <meta content="Testování přístupnosti" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="style.css" rel="stylesheet"> <link href="style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Testování přístupnosti</title> <title>Testing Docs - Testování přístupnosti</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="index.html">Domů</a></li> <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="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="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 class="menu-item"><a class="button" href="privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr>
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<ul> <table>
<li><a class="button" href="automatizovane-testovani.html">Automatizované testování</a></li> <caption>
<li><a class="button" href="nastroje.html">Nástroje</a></li> Rubriky:
<li><a class="button" href="penetracni-testovani.html">Penetrační testování</a></li> </caption>
<li><a class="button" href="testing-obecne.html">Testing obečně</a></li> <tr>
<li><a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a></li> <th>
<li><a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a></li> <li>
<li><a class="button" href="zatezove-testovani.html">Zátěžové testování</a></li> <a class="button" href="automatizovane-testovani.html">Automatizované testování</a>
</ul> </li>
</div> <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>
</th>
</tr>
</table>
</div>
<div class="content"> <div class="content">
<p class="big-text">text .....</p> <p class="big-text">text .....</p>
<p>text........</p> <p>text........</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é
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>
</div>
</div> </div>
<div class="articles"> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<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é
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>
</div>
</div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>

View File

@ -2,66 +2,85 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Zátěžové testování" name="keywords"/> <meta content="Zátěžové testování" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="style.css" rel="stylesheet"> <link href="style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Zátěžové testování</title> <title>Testing Docs - Zátěžové testování</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="index.html">Domů</a></li> <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="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="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 class="menu-item"><a class="button" href="privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr>
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<ul> <table>
<li><a class="button" href="automatizovane-testovani.html">Automatizované testování</a></li> <caption>
<li><a class="button" href="nastroje.html">Nástroje</a></li> Rubriky:
<li><a class="button" href="penetracni-testovani.html">Penetrační testování</a></li> </caption>
<li><a class="button" href="testing-obecne.html">Testing obečně</a></li> <tr>
<li><a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a></li> <th>
<li><a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a></li> <li>
<li><a class="button" href="zatezove-testovani.html">Zátěžové testování</a></li> <a class="button" href="automatizovane-testovani.html">Automatizované testování</a>
</ul> </li>
</div> <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>
</th>
</tr>
</table>
</div>
<div class="content"> <div class="content">
<p class="big-text">text .....</p> <p class="big-text">text .....</p>
<p>text........</p> <p>text........</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é
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>
</div>
</div> </div>
<div class="articles"> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<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é
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>
</div>
</div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>