opravy menu

This commit is contained in:
Lukáš 2024-02-07 21:13:25 +01:00
parent 44cff26809
commit 08751492b2
50 changed files with 5269 additions and 4682 deletions

View File

@ -1,6 +0,0 @@
RewriteEngine on
RewriteCond %{HTTP:X-Forwarded-Proto} !https
RewriteCond %{HTTP_USER_AGENT} !(BlackBerry)
RewriteCond %{HTTP_USER_AGENT} !(Windows\sNT\s5\.[12])
RewriteCond %{HTTP_HOST} ^(www\.)?testing-docs.cz
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [L]

View File

@ -36,7 +36,7 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html">Automatizované testování</a>
</li> </li>
@ -79,7 +79,7 @@
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>Nejdůležitější články:</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a> testování</a>
</li> </li>

View File

@ -1,6 +1,5 @@
<!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" />
@ -8,9 +7,11 @@
<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
<title>Testing Docs - Cypress nastavení psaní kódu v href="images/a picture of a text editor on a pc in the style of comics.jpg"
Typescript</title> rel="shortcut icon"
/>
<title>Testing Docs - Cypress nastavení psaní kódu v Typescript</title>
</head> </head>
<body> <body>
@ -30,7 +31,9 @@
<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">Zásady o ochraně osobních dat</a> <a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li> </li>
</ul> </ul>
</center> </center>
@ -44,25 +47,35 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a
>
</li> </li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <a class="button" href="/penetracni-testovani.html"
>Penetrační testování</a
>
</li> </li>
<li> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a> <a class="button" href="/testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="/testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a
>
</li> </li>
<li> <li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="/testovani-pristupnosti.html"
>Testování přístupnosti</a
>
</li> </li>
<li> <li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -70,8 +83,7 @@
</div> </div>
<div class="content"> <div class="content">
<p class="big-text">Cypress nastavení psaní kódu v <p class="big-text">Cypress nastavení psaní kódu v Typescript</p>
Typescript</p>
<p>Pokud chceme test psát v TypeScript je třeba vytvořit soubor:</p> <p>Pokud chceme test psát v TypeScript je třeba vytvořit soubor:</p>
<p>tsconfig.json</p> <p>tsconfig.json</p>
<p>Do tohoto souboru vložíme následující kód:</p> <p>Do tohoto souboru vložíme následující kód:</p>
@ -96,14 +108,16 @@
Nejdůležitější články: Nejdůležitější články:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <a class="button" href="co-je-automatizovane-testovani.html"
testování</a> >Co je automatizované testování</a
>
</li> </li>
<li> <li>
<a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <a class="button" href="otazky-a-odpovedi-playwright.html"
Playwright</a> >Otázky a odpovědí k Playwright</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -112,5 +126,4 @@
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

View File

@ -1,6 +1,5 @@
<!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í" />
@ -8,7 +7,10 @@
<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 - Cypress seznámení</title> <title>Testing Docs - Cypress seznámení</title>
</head> </head>
@ -29,7 +31,9 @@
<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">Zásady o ochraně osobních dat</a> <a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li> </li>
</ul> </ul>
</center> </center>
@ -43,25 +47,35 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a
>
</li> </li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <a class="button" href="/penetracni-testovani.html"
>Penetrační testování</a
>
</li> </li>
<li> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a> <a class="button" href="/testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="/testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a
>
</li> </li>
<li> <li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="/testovani-pristupnosti.html"
>Testování přístupnosti</a
>
</li> </li>
<li> <li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -89,14 +103,16 @@
Nejdůležitější články: Nejdůležitější články:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <a class="button" href="co-je-automatizovane-testovani.html"
testování</a> >Co je automatizované testování</a
>
</li> </li>
<li> <li>
<a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <a class="button" href="otazky-a-odpovedi-playwright.html"
Playwright</a> >Otázky a odpovědí k Playwright</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -105,5 +121,4 @@
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

View File

@ -1,33 +1,44 @@
<!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="MSTest, Nunit, C#" name="keywords" /> <meta content="MSTest, Nunit, 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 - MStest založení projektu</title> <title>Testing Docs - MStest 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">
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li> <a class="button" href="/index.html">Domů</a>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li> </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="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
@ -36,25 +47,35 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a
>
</li> </li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <a class="button" href="/penetracni-testovani.html"
>Penetrační testování</a
>
</li> </li>
<li> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a> <a class="button" href="/testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="/testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a
>
</li> </li>
<li> <li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="/testovani-pristupnosti.html"
>Testování přístupnosti</a
>
</li> </li>
<li> <li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -93,13 +114,13 @@
</div> </div>
<p class="strong-text">Stažení Selenia (stahne potřebý základ):</p> <p class="strong-text">Stažení Selenia (stahne potřebý základ):</p>
<p>V terminálu musíme do složky projektu co vytvořila dotnet new <p>
mstest</p> V terminálu musíme do složky projektu co vytvořila dotnet new mstest
</p>
<div class="code-box"> <div class="code-box">
<ul class="not-dot"> <ul class="not-dot">
<li>dotnet add package Selenium.WebDriver <li>dotnet add package Selenium.WebDriver</li>
</li>
</ul> </ul>
</div> </div>
@ -108,12 +129,16 @@
<ul class="not-dot"> <ul class="not-dot">
<li>dotnet test</li> <li>dotnet test</li>
<li>nebo za pomocí</li> <li>nebo za pomocí</li>
<li>dotnet watch který sám automaticky sleduje změny v kódu a je schopný <li>
spustit testy</li> dotnet watch který sám automaticky sleduje změny v kódu a je
schopný spustit testy
</li>
</ul> </ul>
</div> </div>
<p>Tento návod funguje jak pod Linux (odzkoušené v distribucích EndeavorOS,Ubuntu 22.04), MacOS, Windows <p>
11.</p> Tento návod funguje jak pod Linux (odzkoušené v distribucích
EndeavorOS,Ubuntu 22.04), MacOS, Windows 11.
</p>
<p class="strong-text">Příklad testu:</p> <p class="strong-text">Příklad testu:</p>
<div class="code-box"> <div class="code-box">
@ -133,36 +158,45 @@
<li>string actualTitle = "";</li> <li>string actualTitle = "";</li>
<li>IWebDriver driver = new ChromeDriver();</li> <li>IWebDriver driver = new ChromeDriver();</li>
<li>driver.Navigate().GoToUrl("https://lukaskanka.cz/");</li> <li>driver.Navigate().GoToUrl("https://lukaskanka.cz/");</li>
<li>IWebElement tlačítko = driver.FindElement(By.Id("xPath tlačítka"));</li> <li>
IWebElement tlačítko = driver.FindElement(By.Id("xPath
tlačítka"));
</li>
<li>tlačítko.Click();</li> <li>tlačítko.Click();</li>
<li>expectedTitle = "O mně - Lukáš bloguje";</li> <li>expectedTitle = "O mně - Lukáš bloguje";</li>
<li>actualTitle = driver.Title;</li> <li>actualTitle = driver.Title;</li>
<li>Assert.AreEqual(expectedTitle, actualTitle, "Title does not match");</li> <li>
Assert.AreEqual(expectedTitle, actualTitle, "Title does not
match");
</li>
<li>}</li> <li>}</li>
<li>}</li> <li>}</li>
<li>}</li> <li>}</li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>
Nejdůležitější články:
</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <li>
testování</a> <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> </li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th> </th>
</tr> </tr>
</table> </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

@ -1,33 +1,44 @@
<!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="automatizované testování, MSTest" name="keywords" /> <meta content="automatizované testování, MSTest" 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 - MSTest</title> <title>Testing Docs - MSTest</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">
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li> <a class="button" href="/index.html">Domů</a>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li> </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="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
@ -36,25 +47,35 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a
>
</li> </li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <a class="button" href="/penetracni-testovani.html"
>Penetrační testování</a
>
</li> </li>
<li> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a> <a class="button" href="/testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="/testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a
>
</li> </li>
<li> <li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="/testovani-pristupnosti.html"
>Testování přístupnosti</a
>
</li> </li>
<li> <li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -63,34 +84,40 @@
<div class="content"> <div class="content">
<p class="big-text">MSTest</p> <p class="big-text">MSTest</p>
<p>MSTest je framework pro testování softwaru, který je součástí platformy .NETa pochází od společnosti <p>
Microsoft. Pomocí MSTestu lze psát a spouštětautomatizované testy pro ověření funkcionality a správnosti MSTest je framework pro testování softwaru, který je součástí
kódu. MSTestposkytuje sadu funkcí a nástrojů pro vytváření a organizaci testovacíchpřípadů, jejich platformy .NETa pochází od společnosti Microsoft. Pomocí MSTestu lze
spouštění psát a spouštětautomatizované testy pro ověření funkcionality a
a vyhodnocování výsledků. Je možné cílit na různéčásti kódu, včetně tříd, metod, proměnných a správnosti kódu. MSTestposkytuje sadu funkcí a nástrojů pro vytváření
vlastností, a a organizaci testovacíchpřípadů, jejich spouštění a vyhodnocování
ověřit jejichočekávané chování. MSTest lze použít jak v prostředí Visual Studio, tak i vprostředí Visual výsledků. Je možné cílit na různéčásti kódu, včetně tříd, metod,
Studio Code.</p> proměnných a vlastností, a ověřit jejichočekávané chování. MSTest lze
použít jak v prostředí Visual Studio, tak i vprostředí Visual Studio
Code.
</p>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>
Nejdůležitější články:
</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <li>
testování</a> <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> </li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th> </th>
</tr> </tr>
</table> </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

@ -36,7 +36,7 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html">Automatizované testování</a>
</li> </li>
@ -140,7 +140,7 @@
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>Nejdůležitější články:</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a> testování</a>
</li> </li>

View File

@ -1,33 +1,44 @@
<!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 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">
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li> <a class="button" href="/index.html">Domů</a>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li> </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="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
@ -36,25 +47,35 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a
>
</li> </li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <a class="button" href="/penetracni-testovani.html"
>Penetrační testování</a
>
</li> </li>
<li> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a> <a class="button" href="/testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="/testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a
>
</li> </li>
<li> <li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="/testovani-pristupnosti.html"
>Testování přístupnosti</a
>
</li> </li>
<li> <li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -84,10 +105,16 @@
<p class="strong-text">Postup v Visual Studio Code:</p> <p class="strong-text">Postup v Visual Studio Code:</p>
<div class="code-box"> <div class="code-box">
<p>dotnet new nunit</p> <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 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 Nunit3TestAdapter —> nutné také stáhnout</p>
<p>dotnet add package NUnit.ConsoleRunner > GitHub Actions</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.WebDriver > stahne knihovny selenium
přejít do složky projektu
</p>
<p>dotnet add package Selenium.Support</p> <p>dotnet add package Selenium.Support</p>
</div> </div>
<p class="strong-text">Pokud se dělají PageObject:</p> <p class="strong-text">Pokud se dělají PageObject:</p>
@ -99,19 +126,35 @@
<p class="strong-text">Report:</p> <p class="strong-text">Report:</p>
<div class="code-box"> <div class="code-box">
<p>NUnit.Allure package do instalovat</p> <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>
<a
class="link-black"
href="https://www.youtube.com/watch?v=CWPqO17DIQw"
target="_blank"
>Video 1</a
>
</p> </p>
<p><a class="link-black" href="https://www.youtube.com/watch?v=CWPqO17DIQw" target="_blank">Video 2</a> <p>
<a
class="link-black"
href="https://www.youtube.com/watch?v=CWPqO17DIQw"
target="_blank"
>Video 2</a
>
</p> </p>
</div> </div>
<hr> <hr />
<p>Tento návod funguje jak pod Linux (odzkoušené v distribucích EndeavorOS,Ubuntu 22.04), MacOS, Windows 11. <p>
Z důvodu kompaktibility jseou je na GitHub pouze samotný kód testu. Ostatnísoubory a složky se vytvoří Tento návod funguje jak pod Linux (odzkoušené v distribucích
po EndeavorOS,Ubuntu 22.04), MacOS, Windows 11. Z důvodu kompaktibility
založení projektu.</p> 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>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> <p class="strong-text">
Aby test prošel je potřeba zkontrolovat hlavičku testu:
</p>
<div class="code-box"> <div class="code-box">
<p>using OpenQA.Selenium;</p> <p>using OpenQA.Selenium;</p>
<p>using OpenQA.Selenium.Chrome;</p> <p>using OpenQA.Selenium.Chrome;</p>
@ -123,20 +166,26 @@
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>
Nejdůležitější články:
</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <li>
testování</a></li> <a class="button" href="co-je-automatizovane-testovani.html"
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k >Co je automatizované testování</a
Playwright</a></li> >
</li>
<li>
<a class="button" href="otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a
>
</li>
</th> </th>
</tr> </tr>
</table> </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

@ -47,7 +47,7 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html" <a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a >Automatizované testování</a
@ -109,21 +109,24 @@
</ul> </ul>
</div> </div>
<p>Uložte soubor a nastavte oprávněnípro spuštění (např. chmod +x <p>
název_souboru.sh). </p> Uložte soubor a nastavte oprávněnípro spuštění (např. chmod +x
název_souboru.sh).
<p>Tento soubor script bude spouštět testy a uloží
výsledek do složky TestResultsv kořenovém adresáři v html. </p>
<p>Na spoštění
testů si můžeme stáhnout plugin Batch Runner. </p>
<p> Pak stačí kliknoutna bash
pravím tlačítkem a kliknout na Run Batch File. Tím spustíme test i
slogováním do html. Toto funguje pod MSTest, Nunit a xUnit. Další ze
způsobů logování je možné použít knihovnu Nlog.
</p> </p>
<p>
Tento soubor script bude spouštět testy a uloží výsledek do složky
TestResultsv kořenovém adresáři v html.
</p>
<p>Na spoštění testů si můžeme stáhnout plugin Batch Runner.</p>
<p>
Pak stačí kliknoutna bash pravím tlačítkem a kliknout na Run Batch
File. Tím spustíme test i slogováním do html. Toto funguje pod MSTest,
Nunit a xUnit. Další ze způsobů logování je možné použít knihovnu
Nlog.
</p>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
@ -131,7 +134,7 @@
Nejdůležitější články: Nejdůležitější články:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="co-je-automatizovane-testovani.html" <a class="button" href="co-je-automatizovane-testovani.html"
>Co je automatizované testování</a >Co je automatizované testování</a
@ -150,4 +153,3 @@
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

View File

@ -1,33 +1,44 @@
<!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="Nuget, C#, automatizované testování" name="keywords" /> <meta content="Nuget, C#, 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 - NuGet balíčkovací systém</title> <title>Testing Docs - NuGet balíčkovací systém</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">
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li> <a class="button" href="/index.html">Domů</a>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li> </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="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
@ -36,25 +47,35 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a
>
</li> </li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <a class="button" href="/penetracni-testovani.html"
>Penetrační testování</a
>
</li> </li>
<li> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a> <a class="button" href="/testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="/testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a
>
</li> </li>
<li> <li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="/testovani-pristupnosti.html"
>Testování přístupnosti</a
>
</li> </li>
<li> <li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -63,49 +84,56 @@
<div class="content"> <div class="content">
<p class="big-text">NuGet balíčkovací systém</p> <p class="big-text">NuGet balíčkovací systém</p>
<p>NuGet je správce balíčků pro platformu .NET, který umožňuje snadnou instalaci, aktualizaci a správu <p>
balíčků a závislostí v projektech .NET. NuGet je správce balíčků pro platformu .NET, který umožňuje snadnou
Pomocí instalaci, aktualizaci a správu balíčků a závislostí v projektech
NuGet můžete snadno přidávat knihovny a nástroje do vašeho projektu azajišťovat, že jsou vždy aktuální. .NET. Pomocí NuGet můžete snadno přidávat knihovny a nástroje do
vašeho projektu azajišťovat, že jsou vždy aktuální.
</p> </p>
<p> <p>
V kontextu logování a spouštění testů v .NET je NuGet často používán prosprávu testovacích frameworků, V kontextu logování a spouštění testů v .NET je NuGet často používán
jako jsou MSTest, NUnit, xUnit, a další.Pomocí NuGet můžete snadno stáhnout a nainstalovat tyto prosprávu testovacích frameworků, jako jsou MSTest, NUnit, xUnit, a
frameworky dovašeho projektu a používat je k psaní a spouštění testů. Toto je užitečné proautomatizované další.Pomocí NuGet můžete snadno stáhnout a nainstalovat tyto
testování vašeho kódu a zajištění jeho správné funkčnosti. frameworky dovašeho projektu a používat je k psaní a spouštění testů.
Toto je užitečné proautomatizované testování vašeho kódu a zajištění
jeho správné funkčnosti.
</p> </p>
<p> <p>
NuGet také umožňuje správu závislostí a aktualizaci balíčků ve vašemprojektu. Pokud váš projekt závisí NuGet také umožňuje správu závislostí a aktualizaci balíčků ve
na dalších knihovnách a nástrojích, NuGetvám umožní jednoduše je spravovat a aktualizovat na nejnovější vašemprojektu. Pokud váš projekt závisí na dalších knihovnách a
verze. nástrojích, NuGetvám umožní jednoduše je spravovat a aktualizovat na
nejnovější verze.
</p> </p>
<p> <p>
Celkově lze říci, že NuGet je důležitým nástrojem pro správu balíčků azávislostí v .NET projektech, a Celkově lze říci, že NuGet je důležitým nástrojem pro správu balíčků
pro logování a spouštění testů v .NET. azávislostí v .NET projektech, a pro logování a spouštění testů v
.NET.
</p> </p>
<p><a class="link" href="https://www.nuget.org/">NuGet</a></p> <p><a class="link" href="https://www.nuget.org/">NuGet</a></p>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>
Nejdůležitější články:
</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <li>
testování</a> <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> </li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th> </th>
</tr> </tr>
</table> </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

@ -1,33 +1,44 @@
<!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="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">
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li> <a class="button" href="/index.html">Domů</a>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li> </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="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
@ -36,25 +47,35 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a
>
</li> </li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <a class="button" href="/penetracni-testovani.html"
>Penetrační testování</a
>
</li> </li>
<li> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a> <a class="button" href="/testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="/testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a
>
</li> </li>
<li> <li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="/testovani-pristupnosti.html"
>Testování přístupnosti</a
>
</li> </li>
<li> <li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -64,39 +85,44 @@
<div class="content"> <div class="content">
<p class="big-text">Nunit seznámení</p> <p class="big-text">Nunit seznámení</p>
<p> <p>
NUnit je framework pro jednotkové testování v jazyce C#. Používá se k psaní aspouštění testů, které NUnit je framework pro jednotkové testování v jazyce C#. Používá se k
ověřují psaní aspouštění testů, které ověřují správnost funkcionality
správnost funkcionality jednotlivých částí kódu.NUnit poskytuje sadu metod a atributů, které usnadňují jednotlivých částí kódu.NUnit poskytuje sadu metod a atributů, které
psaní usnadňují psaní a spouštěnítestů a zajišťují jejich správné
a spouštěnítestů a zajišťují jejich správné vykonávání. Tento framework je často používánve spojení s vykonávání. Tento framework je často používánve spojení s dalšími
dalšími knihovnami a nástroji, jako je například Selenium proautomatizované testování webových aplikací. knihovnami a nástroji, jako je například Selenium proautomatizované
testování webových aplikací.
</p> </p>
<p> <p>
NUnit veškerou dokumentaci najdeš na oficiálním webu: <a class="button" target="_blank" NUnit veškerou dokumentaci najdeš na oficiálním webu:
href="https://nunit.org/">Nunit.org</a> <a class="button" target="_blank" href="https://nunit.org/"
>Nunit.org</a
>
</p> </p>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>
Nejdůležitější články:
</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <li>
testování</a> <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> </li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th> </th>
</tr> </tr>
</table> </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

@ -36,7 +36,7 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html">Automatizované testování</a>
</li> </li>
@ -245,7 +245,7 @@
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>Nejdůležitější články:</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a> testování</a>
</li> </li>

View File

@ -1,33 +1,44 @@
<!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 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">
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li> <a class="button" href="/index.html">Domů</a>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li> </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="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
@ -36,25 +47,35 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a
>
</li> </li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <a class="button" href="/penetracni-testovani.html"
>Penetrační testování</a
>
</li> </li>
<li> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a> <a class="button" href="/testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="/testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a
>
</li> </li>
<li> <li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="/testovani-pristupnosti.html"
>Testování přístupnosti</a
>
</li> </li>
<li> <li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -64,17 +85,25 @@
<div class="content"> <div class="content">
<p class="big-text">Playwright MSTest + .Net</p> <p class="big-text">Playwright MSTest + .Net</p>
<p>Instalace:</p> <p>Instalace:</p>
<p> Playwright byl vytvořen speciálně pro potřeby end-to-end testování. Playwright <p>
podporuje všechny moderní renderovací enginy včetně Chromium, WebKit a Playwright byl vytvořen speciálně pro potřeby end-to-end testování.
Firefox. Testujte v systémech Windows, Linux a macOS, lokálně nebo na CI, Playwright podporuje všechny moderní renderovací enginy včetně
bezobslužně nebo v čele s nativní mobilní emulací.</p> Chromium, WebKit a Firefox. Testujte v systémech Windows, Linux a
<p>Můžete se rozhodnout použít základní třídy NUnit nebo základní třídy MSTest, macOS, lokálně nebo na CI, bezobslužně nebo v čele s nativní mobilní
které Playwright poskytuje pro psaní komplexních testů. Tyto třídy podporují emulací.
spouštění testů na více modulech prohlížeče, paralelní testy, úpravu možností </p>
spuštění/kontextu a získání instance Page/BrowserContext na test z krabice. <p>
Alternativně můžete knihovnu použít k ručnímu zápisu testovací infrastruktury.</p> Můžete se rozhodnout použít základní třídy NUnit nebo základní třídy
<p>Začněte vytvořením nového projektu pomocí rozhraní . Tím se vytvoří adresář, MSTest, které Playwright poskytuje pro psaní komplexních testů. Tyto
který obsahuje soubor:</p> 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"> <div class="code-box">
<ul class="not-dot"> <ul class="not-dot">
@ -84,23 +113,27 @@
</ul> </ul>
</div> </div>
<p> <p>Nainstalujte potřebné závislosti Playwright:</p>
Nainstalujte potřebné závislosti Playwright:</p>
<div class="code-box"> <div class="code-box">
<ul class="not-dot"> <ul class="not-dot">
<li></li> <li></li>
dotnet add package Microsoft.Playwright.MSTest dotnet add package Microsoft.Playwright.MSTest
</ul> </ul>
</div> </div>
<p>Sestavte projekt tak, aby byl k dispozici uvnitř adresáře:playwright.ps1bin</p> <p>
Sestavte projekt tak, aby byl k dispozici uvnitř
adresáře:playwright.ps1bin
</p>
<div class="code-box"> <div class="code-box">
<ul class="not-dot"> <ul class="not-dot">
<li></li> <li></li>
dotnet build dotnet build
</ul> </ul>
</div> </div>
<p>Nainstalujte požadované prohlížeče nahrazením skutečným názvem výstupní <p>
složky, např.: netXnet6.0</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"> <div class="code-box">
<ul class="not-dot"> <ul class="not-dot">
<li>pwsh bin/Debug/net7.0/playwright.ps1 install</li> <li>pwsh bin/Debug/net7.0/playwright.ps1 install</li>
@ -108,8 +141,10 @@
</div> </div>
<p>Pokud není k dispozici, musíte nainstalovat PowerShell.pwsh</p> <p>Pokud není k dispozici, musíte nainstalovat PowerShell.pwsh</p>
<p>Přidání příkladů testů.</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 <p>
testu: UnitTest1.cs</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"> <div class="code-box">
<ul class="not-dot"> <ul class="not-dot">
<li>using System.Text.RegularExpressions;</li> <li>using System.Text.RegularExpressions;</li>
@ -122,19 +157,27 @@
<li>public class UnitTest1 : PlaywrightTest</li> <li>public class UnitTest1 : PlaywrightTest</li>
<li>{</li> <li>{</li>
<li>[TestMethod]</li> <li>[TestMethod]</li>
<li>public async Task HomepageHasPlaywrightInTitleAndGetStartedLinkLinkingtoTheIntr <li>
public async Task
HomepageHasPlaywrightInTitleAndGetStartedLinkLinkingtoTheIntr
oPage() oPage()
</li> </li>
<li>{</li> <li>{</li>
<li>await Page.GotoAsync(" <li>await Page.GotoAsync(" <https: //playwright.dev>");</li>
<https: //playwright.dev>");
</li>
<li>// Expect a title "to contain" a substring.</li> <li>// Expect a title "to contain" a substring.</li>
<li>await Expect(Page).ToHaveTitleAsync(new Regex("Playwright"));</li> <li>
await Expect(Page).ToHaveTitleAsync(new Regex("Playwright"));
</li>
<li>// create a locator</li> <li>// create a locator</li>
<li>var getStarted = Page.GetByRole(AriaRole.Link, new() { Name ="Get started" });</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>// Expect an attribute "to be strictly equal" to the value.</li>
<li>await Expect(getStarted).ToHaveAttributeAsync("href", "/docs/intro");</li> <li>
await Expect(getStarted).ToHaveAttributeAsync("href",
"/docs/intro");
</li>
<li>// Click the get started link.</li> <li>// Click the get started link.</li>
<li>await getStarted.ClickAsync();</li> <li>await getStarted.ClickAsync();</li>
<li>// Expects the URL to contain intro.</li> <li>// Expects the URL to contain intro.</li>
@ -146,38 +189,47 @@
<p>Spuštění ukázkových testů.</p> <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 <p>
pomocí proměnné prostředí nebo úpravou možností konfigurace spuštění. Ve výchozím nastavení budou testy spuštěny na chromu. To lze
Testy jsou spouštěny v bezobslužném režimu, což znamená, že se při spuštění konfigurovat pomocí proměnné prostředí nebo úpravou možností
testů neotevře žádný prohlížeč. Výsledky testů a protokoly testů se zobrazí v konfigurace spuštění. Testy jsou spouštěny v bezobslužném režimu, což
terminálu.BROWSER</p> 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"> <div class="code-box">
<ul class="not-dot"> <ul class="not-dot">
<li>dotnet test MSTest.Parallelize.Workers=5</li> <li>dotnet test MSTest.Parallelize.Workers=5</li>
</ul> </ul>
</div> </div>
<p>Podívejte se na náš dokument o Test Runners, kde se dozvíte více o spouštění <p>
testů v režimu hlavy, spouštění více testů, spouštění konkrétních konfigurací Podívejte se na náš dokument o Test Runners, kde se dozvíte více o
atd.</p> 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>
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>
Nejdůležitější články:
</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <li>
testování</a> <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> </li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th> </th>
</tr> </tr>
</table> </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

@ -1,34 +1,47 @@
<!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="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
<title>Testing Docs - Rychlí způsob instalace Playwright v href="images/a picture of a text editor on a pc in the style of comics.jpg"
VSCode</title> rel="shortcut icon"
/>
<title>Testing Docs - Rychlí způsob instalace Playwright v 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">
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li> <a class="button" href="/index.html">Domů</a>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li> </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="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
@ -37,25 +50,35 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a
>
</li> </li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <a class="button" href="/penetracni-testovani.html"
>Penetrační testování</a
>
</li> </li>
<li> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a> <a class="button" href="/testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="/testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a
>
</li> </li>
<li> <li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="/testovani-pristupnosti.html"
>Testování přístupnosti</a
>
</li> </li>
<li> <li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -63,10 +86,11 @@
</div> </div>
<div class="content"> <div class="content">
<p class="big-text">Rychlí způsob instalace Playwright v <p class="big-text">Rychlí způsob instalace Playwright v VSCode</p>
VSCode</p> <p>
<p>Nejrychlejší způsob instalace Playwright v VSCOde * Jdi do složky projektu Nejrychlejší způsob instalace Playwright v VSCOde * Jdi do složky
pomocí CMD / terminálu a tam zadej:</p> projektu pomocí CMD / terminálu a tam zadej:
</p>
<div class="code-box"> <div class="code-box">
<p>npm init playwright@latest</p> <p>npm init playwright@latest</p>
@ -75,14 +99,15 @@
<p>Projdi instalací Playwright</p> <p>Projdi instalací Playwright</p>
<div class="code-box"> <div class="code-box">
<p>Run the install command and select the following to get <p>
started:</p> Run the install command and select the following to get started:
<p>Choose between TypeScript or JavaScript (default is </p>
TypeScript) <p>
Name of your Tests folder (default is tests or e2e if you Choose between TypeScript or JavaScript (default is TypeScript) Name
already have a tests folder in your project) of your Tests folder (default is tests or e2e if you already have a
Add a GitHub Actions workflow to easily run tests on CI tests folder in your project) Add a GitHub Actions workflow to
Install Playwright browsers (default is true)</p> easily run tests on CI Install Playwright browsers (default is true)
</p>
</div> </div>
<p>Test tímto způsobem instalace spustíme pomocí:</p> <p>Test tímto způsobem instalace spustíme pomocí:</p>
@ -92,33 +117,35 @@
<p>npm init playwright@latest</p> <p>npm init playwright@latest</p>
</div> </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"> <div class="code-box">
<p> <p>npx playwright test</p>
npx playwright test</p>
</div> </div>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>
Nejdůležitější články:
</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <li>
testování</a> <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> </li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th> </th>
</tr> </tr>
</table> </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

@ -1,14 +1,19 @@
<!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, Automatizované testovaní, Testování software" name="keywords"/> <meta
content="Playwright, Automatizované testovaní, Testování software"
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 jak začít</title> <title>Testing Docs - Playwright jak začít</title>
</head> </head>
@ -29,7 +34,9 @@
<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">Zásady o ochraně osobních dat</a> <a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li> </li>
</ul> </ul>
</center> </center>
@ -43,25 +50,35 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a
>
</li> </li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <a class="button" href="/penetracni-testovani.html"
>Penetrační testování</a
>
</li> </li>
<li> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a> <a class="button" href="/testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="/testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a
>
</li> </li>
<li> <li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="/testovani-pristupnosti.html"
>Testování přístupnosti</a
>
</li> </li>
<li> <li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -75,9 +92,10 @@
Zde je návod jak nainstalovat Playwright jako v freamork k JavaScriptu Zde je návod jak nainstalovat Playwright jako v freamork k JavaScriptu
či TypeScriptu. Playwright navíc podporuje Python, Javu a .Net. Jako či TypeScriptu. Playwright navíc podporuje Python, Javu a .Net. Jako
první doporučuji naštívit Officiální web první doporučuji naštívit Officiální web
<a class="button" href="https://playwright.dev">Playwright enables reliable end-to end testing for <a class="button" href="https://playwright.dev"
modern web >Playwright enables reliable end-to end testing for modern web
apps.</a> apps.</a
>
Kde najdete skvělou dokumentaci k Playwright. Kde najdete skvělou dokumentaci k Playwright.
</p> </p>
<p> <p>
@ -120,21 +138,21 @@
</div> </div>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption> <caption>
Nejdůležitější články: Nejdůležitější články:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <a class="button" href="co-je-automatizovane-testovani.html"
testování</a> >Co je automatizované testování</a
>
</li> </li>
<li> <li>
<a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <a class="button" href="otazky-a-odpovedi-playwright.html"
Playwright</a> >Otázky a odpovědí k Playwright</a
>
</li> </li>
</th> </th>
</tr> </tr>

View File

@ -1,33 +1,44 @@
<!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, 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">
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li> <a class="button" href="/index.html">Domů</a>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li> </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="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
@ -36,25 +47,35 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a
>
</li> </li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <a class="button" href="/penetracni-testovani.html"
>Penetrační testování</a
>
</li> </li>
<li> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a> <a class="button" href="/testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="/testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a
>
</li> </li>
<li> <li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="/testovani-pristupnosti.html"
>Testování přístupnosti</a
>
</li> </li>
<li> <li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -63,9 +84,10 @@
<div class="content"> <div class="content">
<p class="big-text">Playwright komplet souhrn</p> <p class="big-text">Playwright komplet souhrn</p>
<p>V JavaScript (TypeScript): <p>
Nainstalovat node.js Po vytvoření složek/ ropositáře přes terminal nainstalovat V JavaScript (TypeScript): Nainstalovat node.js Po vytvoření složek/
Playwright:</p> ropositáře přes terminal nainstalovat Playwright:
</p>
<div class="code-box"> <div class="code-box">
<p>npm init playwright@latest</p> <p>npm init playwright@latest</p>
</div> </div>
@ -75,7 +97,10 @@
</div> </div>
<p>Druhý způsob instalace:</p> <p>Druhý způsob instalace:</p>
<p>Dále je možné použít způsob testování: Node.js (instalace viz. jak začít.md)</p> <p>
Dále je možné použít způsob testování: Node.js (instalace viz. jak
začít.md)
</p>
<p>Veškeré informace oficial web:</p> <p>Veškeré informace oficial web:</p>
<p>Všechni informace na oficiálním webu</p> <p>Všechni informace na oficiálním webu</p>
<p>Zobrazení prohlížeče:</p> <p>Zobrazení prohlížeče:</p>
@ -88,21 +113,26 @@
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>
Nejdůležitější články:
</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <li>
testování</a> <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> </li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th> </th>
</tr> </tr>
</table> </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

@ -36,7 +36,7 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html">Automatizované testování</a>
</li> </li>
@ -114,7 +114,7 @@
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>Nejdůležitější články:</caption>
<tr> <tr>
<th> <th class="not-dot">
<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>

View File

@ -1,33 +1,44 @@
<!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, 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">
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li> <a class="button" href="/index.html">Domů</a>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li> </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="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
@ -36,25 +47,35 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a
>
</li> </li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <a class="button" href="/penetracni-testovani.html"
>Penetrační testování</a
>
</li> </li>
<li> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a> <a class="button" href="/testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="/testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a
>
</li> </li>
<li> <li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="/testovani-pristupnosti.html"
>Testování přístupnosti</a
>
</li> </li>
<li> <li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -71,9 +92,7 @@
<p>const browser = await chromium.launch();</p> <p>const browser = await chromium.launch();</p>
<p>const context = await browser.newContext();</p> <p>const context = await browser.newContext();</p>
<p>const page = await context.newPage();</p> <p>const page = await context.newPage();</p>
<p>await page.goto(' <p>await page.goto(' <https: //google.com>');</p>
<https: //google.com>');
</p>
<p>// Odsouhlasí cookies</p> <p>// Odsouhlasí cookies</p>
<p>await page.click('#L2AGLb');</p> <p>await page.click('#L2AGLb');</p>
<p>// Klikněte na pole pro vyhledávání.</p> <p>// Klikněte na pole pro vyhledávání.</p>
@ -82,8 +101,7 @@
<p>// Potvrdíme vyhledávání stisknutím klávesy Enter</p> <p>// Potvrdíme vyhledávání stisknutím klávesy Enter</p>
<p>await searchInput?.press('Enter');</p> <p>await searchInput?.press('Enter');</p>
<p>await page.waitForNavigation();</p> <p>await page.waitForNavigation();</p>
<p>console.log('Search results page title:', await <p>console.log('Search results page title:', await page.title());</p>
page.title());</p>
<p>// Vypíše název stránky do konzole</p> <p>// Vypíše název stránky do konzole</p>
<p>const title = await page.title();</p> <p>const title = await page.title();</p>
<p>console.log(title);</p> <p>console.log(title);</p>
@ -95,24 +113,27 @@
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>
Nejdůležitější články:
</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je <li>
automatizované <a class="button" href="co-je-automatizovane-testovani.html"
testování</a> >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> </li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th> </th>
</tr> </tr>
</table> </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

@ -1,33 +1,47 @@
<!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="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">
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li> <a class="button" href="/index.html">Domů</a>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li> </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="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
@ -36,25 +50,35 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a
>
</li> </li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <a class="button" href="/penetracni-testovani.html"
>Penetrační testování</a
>
</li> </li>
<li> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a> <a class="button" href="/testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="/testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a
>
</li> </li>
<li> <li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="/testovani-pristupnosti.html"
>Testování přístupnosti</a
>
</li> </li>
<li> <li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -63,30 +87,38 @@
<div class="content"> <div class="content">
<p class="big-text">Reporty v Playwright</p> <p class="big-text">Reporty v Playwright</p>
<p>Playwright umožňuje generovat celou řadu reportů. Můžete si dokonce zkusit <p>
napsat i svůj report využitím API metod, které Playwright poskytuje. Playwright umožňuje generovat celou řadu reportů. Můžete si dokonce
Podrobnosti si můžete přečíst v sekci <a class="link" zkusit napsat i svůj report využitím API metod, které Playwright
href="https://playwright.dev/docs/test-reporters">Guides poskytuje. Podrobnosti si můžete přečíst v sekci
věnované reportům</a>.</p> <a class="link" href="https://playwright.dev/docs/test-reporters"
>Guides věnované reportům</a
>.
</p>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>
Nejdůležitější články:
</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <li>
testování</a> <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> </li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th> </th>
</tr> </tr>
</table> </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

@ -1,33 +1,44 @@
<!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, 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">
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li> <a class="button" href="/index.html">Domů</a>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li> </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="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
@ -36,25 +47,35 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a
>
</li> </li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <a class="button" href="/penetracni-testovani.html"
>Penetrační testování</a
>
</li> </li>
<li> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a> <a class="button" href="/testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="/testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a
>
</li> </li>
<li> <li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="/testovani-pristupnosti.html"
>Testování přístupnosti</a
>
</li> </li>
<li> <li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -63,40 +84,48 @@
<div class="content"> <div class="content">
<p class="big-text">Playwright ukázka testu</p> <p class="big-text">Playwright ukázka testu</p>
<p>Do soboru na importujeme browser <p>Do soboru na importujeme browser</p>
</p>
<div class="code-box"> <div class="code-box">
<p>import { chromium } from „@playwright/test“;</p> <p>import { chromium } from „@playwright/test“;</p>
</div> </div>
<p>Zapíšeme Konstruktor který se vždy spustí na začátku testu</p> <p>Zapíšeme Konstruktor který se vždy spustí na začátku testu</p>
<div class="code-box"> <div class="code-box">
<p>(async () => {</p> <p>(async () => {</p>
</div> </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> Před každe volání proměnné použijeme await</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"> <div class="code-box">
<p> pomocí headless: false zobrazíme v testu prohlížeč</p>
<p>pomocí headless: false zobrazíme v testu prohlížeč</p>
</div> </div>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>
Nejdůležitější články:
</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <li>
testování</a> <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> </li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th> </th>
</tr> </tr>
</table> </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

@ -1,6 +1,5 @@
<!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" />
@ -8,12 +7,14 @@
<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 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>
@ -32,7 +33,9 @@
<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">Zásady o ochraně osobních dat</a> <a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li> </li>
</ul> </ul>
</center> </center>
@ -46,25 +49,35 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a
>
</li> </li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <a class="button" href="/penetracni-testovani.html"
>Penetrační testování</a
>
</li> </li>
<li> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a> <a class="button" href="/testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="/testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a
>
</li> </li>
<li> <li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="/testovani-pristupnosti.html"
>Testování přístupnosti</a
>
</li> </li>
<li> <li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -73,30 +86,50 @@
<div class="content"> <div class="content">
<p class="big-text">Playwright seznámení</p> <p class="big-text">Playwright seznámení</p>
<p>Skvělou dokumentaci co u jiných nástrojů jako u PLaywright nenajdeš, čekuj <p>
na tomto odkazu: <a class="button" href="https://playwright.dev/dotnet/">playeright.dev</a></p> Skvělou dokumentaci co u jiných nástrojů jako u PLaywright nenajdeš,
<p>Playwright je nástroj pro automatizaci webových aplikací. Je vyvinutý společností Microsoft a umožňuje čekuj na tomto odkazu:
vývojářům psát testy pro různé webové prohlížeče, jako jsou Chrome, Firefox a WebKit. Playwright <a class="button" href="https://playwright.dev/dotnet/"
podporuje >playeright.dev</a
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 </p>
uvedeny <p>
informace o tom, jak začít s Playwright, jak nainstalovat a používat nástroj v prostředí Visual Studio Playwright je nástroj pro automatizaci webových aplikací. Je vyvinutý
Code společností Microsoft a umožňuje vývojářům psát testy pro různé webové
(VSCode), jak přidávat reporty a snímky obrazovky do testů a mnoho dalšího.</p> prohlížeče, jako jsou Chrome, Firefox a WebKit. Playwright podporuje
<p>Playwright také nabízí podporu pro platformu .NET, která umožňuje vývojářům psát a spouštět testy v nejentestování webu, ale také simulaci uživatelských interakcí s
prostředí webovými stránkami.
.NET. Návíc testy můžete psát jak TypeScript(kde je podle mě nejsílnější), Java Scriptu, Jave, Pythonu a </p>
C#.</p> <p>
<p>Playwright je vybaven možnostmi generování různých reportů a výstupů z testů. Dále umožňuje snadnou Playwright poskytuje různé tipy a triky pro efektivní použití a
instalaci automatizaci. Vtéto dokumentaci jsou uvedeny informace o tom, jak
a konfiguraci v prostředí VSCode.</p> začít s Playwright, jak nainstalovat a používat nástroj v prostředí
<p>Celkově lze říci, že Playwright je užitečným nástrojem pro automatizaci testování webových aplikací a Visual Studio Code (VSCode), jak přidávat reporty a snímky obrazovky
poskytuje různé funkce a možnosti pro efektivnía spolehlivé vytváření testů.</p> do testů a mnoho dalšího.
<p>Nejlepší zážitek z psaní Automatizovaných testů zažiješ v novém IDE JetBrainsAqua: <a class="button" </p>
href="https://www.jetbrains.com/aqua/">JetBrainsAqua</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í .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> </p>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
@ -104,14 +137,16 @@
Nejdůležitější články: Nejdůležitější články:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <a class="button" href="co-je-automatizovane-testovani.html"
testování</a> >Co je automatizované testování</a
>
</li> </li>
<li> <li>
<a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <a class="button" href="otazky-a-odpovedi-playwright.html"
Playwright</a> >Otázky a odpovědí k Playwright</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -120,6 +155,5 @@
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>
r r

View File

@ -1,33 +1,44 @@
<!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, 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">
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li> <a class="button" href="/index.html">Domů</a>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li> </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="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
@ -36,25 +47,35 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a
>
</li> </li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <a class="button" href="/penetracni-testovani.html"
>Penetrační testování</a
>
</li> </li>
<li> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a> <a class="button" href="/testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="/testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a
>
</li> </li>
<li> <li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="/testovani-pristupnosti.html"
>Testování přístupnosti</a
>
</li> </li>
<li> <li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -62,23 +83,32 @@
</div> </div>
<div class="content"> <div class="content">
<p class="big-text">Snímky obrazovky v Playwright <p class="big-text">Snímky obrazovky v Playwright</p>
</p>
<p>Je několik způsobů jak dělat snímky obrazovky během testů</p> <p>Je několik způsobů jak dělat snímky obrazovky během testů</p>
<p>Zde je rychlý způsob, jak zachytit snímek obrazovky a uložit jej do souboru:</p> <p>
Zde je rychlý způsob, jak zachytit snímek obrazovky a uložit jej do
souboru:
</p>
<div class="code-box"> <div class="code-box">
<p>await page.screenshot({ path: 'screenshot.png' });</p> <p>await page.screenshot({ path: 'screenshot.png' });</p>
</div> </div>
<p>Celostránkové snímky obrazovky:</p> <p>Celostránkové snímky obrazovky:</p>
<p>Snímek obrazovky celé stránky je snímek obrazovky celé rolovací stránky, jako <p>
byste měli velmi vysokou obrazovku a stránka by se do ní mohla zcela vejít.</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"> <div class="code-box">
<p>await page.screenshot({ path: 'screenshot.png', fullPage: <p>
true });</p> await page.screenshot({ path: 'screenshot.png', fullPage: true });
</p>
</div> </div>
<p>Zachycení do vyrovnávací paměti:</p> <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 <p>
následně jej zpracovat nebo jej předat zařízení pro rozdíl pixelů třetí strany.</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"> <div class="code-box">
<p>const buffer = await page.screenshot();</p> <p>const buffer = await page.screenshot();</p>
<p>console.log(buffer.toString('base64'));</p> <p>console.log(buffer.toString('base64'));</p>
@ -86,28 +116,35 @@
<p>Snímek obrazovku prvku:</p> <p>Snímek obrazovku prvku:</p>
<p>Někdy je užitečné pořídit snímek obrazovky jednoho prvku.</p> <p>Někdy je užitečné pořídit snímek obrazovky jednoho prvku.</p>
<div class="code-box"> <div class="code-box">
<p>await page.locator('.header').screenshot({ path: <p>
'screenshot.png' });</p> await page.locator('.header').screenshot({ path: 'screenshot.png'
});
</p>
</div> </div>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>
Nejdůležitější články:
</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <li>
testování</a> <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> </li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th> </th>
</tr> </tr>
</table> </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

@ -47,7 +47,7 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html" <a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a >Automatizované testování</a
@ -129,7 +129,7 @@
Nejdůležitější články: Nejdůležitější články:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="co-je-automatizovane-testovani.html" <a class="button" href="co-je-automatizovane-testovani.html"
>Co je automatizované testování</a >Co je automatizované testování</a

View File

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

View File

@ -1,6 +1,5 @@
<!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" />
@ -8,7 +7,10 @@
<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>
@ -20,23 +22,24 @@
<center> <center>
<ul> <ul>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="index.html">Domů</a> <a class="button navigace" 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 navigace" 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 navigace" href="mapa-webu.html">Mapa webu</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="privaci-polici.html">Zásady o ochraně osobních dat</a> <a class="button navigace" 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">
<!-- <div class="dropdown-content <!-- <div class="dropdown-content
@ -46,26 +49,35 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="automatizovane-testovani.html"
>Automatizované testování</a
>
</li> </li>
<li><a class="button" href="nastroje.html">Nástroje</a></li> <li><a class="button" href="nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="penetracni-testovani.html">Penetrační testování</a> <a class="button" href="penetracni-testovani.html"
>Penetrační testování</a
>
</li> </li>
<li> <li>
<a class="button" href="testing-obecne.html">Testing obečně</a> <a class="button" href="testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních <a class="button" href="testovani-mobilnich-aplikaci.html"
aplikací</a> >Testování mobilních aplikací</a
>
</li> </li>
<li> <li>
<a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="testovani-pristupnosti.html"
>Testování přístupnosti</a
>
</li> </li>
<li> <li>
<a class="button" href="zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="zatezove-testovani.html"
>Zátěžové testování</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -73,7 +85,6 @@
</div> </div>
<!-- </div> --> <!-- </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>
@ -87,6 +98,15 @@
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ůvodní verzi Testing Docs najdeš na platformě
<a
class="button"
target="_blank"
href="https://cobras-brush-ql1.craft.me/mYD7MDPXpfkkok"
>Craft Docs</a
>.
</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
@ -95,28 +115,35 @@
<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>vždy si pořádně pročtete k danému tématu dokumentaci!</strong> děláte,<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>
<div class="articles"> <div class="articles">
<table> <table>
<caption> <caption>
Nejdůležitější články: Nejdůležitější články:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované <a
testování</a> class="button"
href="articles/co-je-automatizovane-testovani.html"
>Co je automatizované testování</a
>
</li> </li>
<li> <li>
<a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <a
Playwright</a> class="button"
href="articles/otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -125,5 +152,4 @@
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

View File

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

View File

@ -47,7 +47,7 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="automatizovane-testovani.html" <a class="button" href="automatizovane-testovani.html"
>Automatizované testování</a >Automatizované testování</a
@ -95,4 +95,3 @@
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

View File

@ -47,7 +47,7 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="automatizovane-testovani.html" <a class="button" href="automatizovane-testovani.html"
>Automatizované testování</a >Automatizované testování</a
@ -91,7 +91,6 @@
alert("omlouváme se, ale tato stránka ještě není hotová"); alert("omlouváme se, ale tato stránka ještě není hotová");
--> -->
</script> </script>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
@ -99,7 +98,7 @@
Nejdůležitější články: Nejdůležitější články:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a <a
class="button" class="button"
@ -122,4 +121,3 @@
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

View File

@ -36,7 +36,7 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="automatizovane-testovani.html">Automatizované testování</a>
</li> </li>
@ -86,7 +86,7 @@
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>Nejdůležitější články:</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je <li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je
automatizované automatizované
testování</a> testování</a>

View File

@ -1,33 +1,44 @@
<!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="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">
<li class="menu-item"><a class="button" href="podpora.html">Podpora</a></li> <a class="button" href="index.html">Domů</a>
<li class="menu-item"><a class="button" href="mapa-webu.html">Mapa webu</a></li> </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="podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
@ -36,25 +47,35 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="automatizovane-testovani.html"
>Automatizované testování</a
>
</li> </li>
<li><a class="button" href="nastroje.html">Nástroje</a></li> <li><a class="button" href="nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="penetracni-testovani.html">Penetrační testování</a> <a class="button" href="penetracni-testovani.html"
>Penetrační testování</a
>
</li> </li>
<li> <li>
<a class="button" href="testing-obecne.html">Testing obečně</a> <a class="button" href="testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a
>
</li> </li>
<li> <li>
<a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="testovani-pristupnosti.html"
>Testování přístupnosti</a
>
</li> </li>
<li> <li>
<a class="button" href="zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="zatezove-testovani.html"
>Zátěžové testování</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -81,12 +102,13 @@
<p> <p>
Správcem vašich osobních údajů je Lukáš (Lucka ani nekouká přes Správcem vašich osobních údajů je Lukáš (Lucka ani nekouká přes
rameno!)<br /> rameno!)<br />
Správcem osobních údajů je Lukáš Kaňka, který provozuje webové stránky <a class="button" Správcem osobních údajů je Lukáš Kaňka, který provozuje webové stránky
href="https://testing-docs.cz/index.html">testing-docs.cz.</a> <a class="button" href="https://testing-docs.cz/index.html"
Lukáš vaše údaje >testing-docs.cz.</a
spravuje a určuje, jak >
dlouho budou osobní údaje zpracovávány, a za jakým účelem. Vybírá také další zpracovatele, které ke Lukáš vaše údaje spravuje a určuje, jak dlouho budou osobní údaje
zpracování využíváme. zpracovávány, a za jakým účelem. Vybírá také další zpracovatele, které
ke zpracování využíváme.
</p> </p>
<p> <p>
@ -154,8 +176,8 @@
Právo na omezení zpracování můžete využít, pokud se domníváte, že 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á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 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ů jste vznesli námitku proti zpracování. Omezit můžete rozsah osobních
nebo účelů zpracování. údajů nebo účelů zpracování.
</p> </p>
<p><strong>Právo na výmaz (být zapomenut)</strong></p> <p><strong>Právo na výmaz (být zapomenut)</strong></p>
@ -188,25 +210,33 @@
</p> </p>
<p>Tyto Zásady ochrany osobních údajů nabývají účinnosti 14.12.2023</p> <p>Tyto Zásady ochrany osobních údajů nabývají účinnosti 14.12.2023</p>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>
Nejdůležitější články:
</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované <li>
testování</a> <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> </li>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th> </th>
</tr> </tr>
</table> </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

@ -1,33 +1,44 @@
<!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 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">
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li> <a class="button" href="/index.html">Domů</a>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li> </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="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
@ -36,25 +47,35 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a
>
</li> </li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <a class="button" href="/penetracni-testovani.html"
>Penetrační testování</a
>
</li> </li>
<li> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a> <a class="button" href="/testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="/testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a
>
</li> </li>
<li> <li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="/testovani-pristupnosti.html"
>Testování přístupnosti</a
>
</li> </li>
<li> <li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -67,21 +88,26 @@
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>
Nejdůležitější články:
</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <li>
testování</a> <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> </li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th> </th>
</tr> </tr>
</table> </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

@ -1,33 +1,44 @@
<!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" 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">
<li class="menu-item"><a class="button" href="podpora.html">Podpora</a></li> <a class="button" href="index.html">Domů</a>
<li class="menu-item"><a class="button" href="mapa-webu.html">Mapa webu</a></li> </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="podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
@ -36,25 +47,35 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="automatizovane-testovani.html"
>Automatizované testování</a
>
</li> </li>
<li><a class="button" href="nastroje.html">Nástroje</a></li> <li><a class="button" href="nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="penetracni-testovani.html">Penetrační testování</a> <a class="button" href="penetracni-testovani.html"
>Penetrační testování</a
>
</li> </li>
<li> <li>
<a class="button" href="testing-obecne.html">Testing obečně</a> <a class="button" href="testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a
>
</li> </li>
<li> <li>
<a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="testovani-pristupnosti.html"
>Testování přístupnosti</a
>
</li> </li>
<li> <li>
<a class="button" href="zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="zatezove-testovani.html"
>Zátěžové testování</a
>
</li> </li>
</th> </th>
</tr> </tr>
@ -67,21 +88,30 @@
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>
Nejdůležitější články:
</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované <li>
testování</a> <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> </li>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th> </th>
</tr> </tr>
</table> </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

@ -5,6 +5,18 @@
--special_black_original: black; --special_black_original: black;
} }
nav {
display: flex;
padding: 10px;
gap: 2rem;
/* justify-content: center; */
}
.menu {
display: flex;
justify-content: center;
}
/* Body */ /* Body */
body { body {
background-color: var(--special_black); background-color: var(--special_black);
@ -59,7 +71,6 @@ body {
/* ˇPořadí zobrazení */ /* ˇPořadí zobrazení */
.navigation { .navigation {
order: -1; order: -1;
/* flex-direction: column; */
align-self: center; align-self: center;
} }
@ -75,7 +86,6 @@ body {
.content { .content {
order: 1; order: 1;
flex-direction: column;
padding: 15px; padding: 15px;
} }
} }
@ -113,7 +123,7 @@ h2 {
} }
/*.link-white*/ /*.link-white*/
.button { .button-navigace {
color: var(--special_white); color: var(--special_white);
} }
@ -149,3 +159,7 @@ th {
.link-black { .link-black {
color: var(--special_black_original); color: var(--special_black_original);
} }
.button {
color: var(--special_white);
}

View File

@ -47,7 +47,7 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="automatizovane-testovani.html" <a class="button" href="automatizovane-testovani.html"
>Automatizované testování</a >Automatizované testování</a
@ -98,7 +98,7 @@
Nejdůležitější články: Nejdůležitější články:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a <a
class="button" class="button"
@ -121,4 +121,3 @@
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

View File

@ -47,7 +47,7 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="automatizovane-testovani.html" <a class="button" href="automatizovane-testovani.html"
>Automatizované testování</a >Automatizované testování</a
@ -98,7 +98,7 @@
Nejdůležitější články: Nejdůležitější články:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a <a
class="button" class="button"
@ -121,4 +121,3 @@
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

View File

@ -47,7 +47,7 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="automatizovane-testovani.html" <a class="button" href="automatizovane-testovani.html"
>Automatizované testování</a >Automatizované testování</a
@ -98,7 +98,7 @@
Nejdůležitější články: Nejdůležitější články:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a <a
class="button" class="button"
@ -121,4 +121,3 @@
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

View File

@ -47,7 +47,7 @@
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="automatizovane-testovani.html" <a class="button" href="automatizovane-testovani.html"
>Automatizované testování</a >Automatizované testování</a
@ -98,7 +98,7 @@
Nejdůležitější články: Nejdůležitější články:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a <a
class="button" class="button"
@ -121,4 +121,3 @@
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>