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,116 +1,129 @@
<!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
<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"
</head> />
<title>Testing Docs - Cypress nastavení psaní kódu v Typescript</title>
</head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr /> <hr />
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/index.html">Domů</a> <a class="button" href="/index.html">Domů</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a> <a class="button" href="/podpora.html">Podpora</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a> <a class="button" href="/mapa-webu.html">Mapa webu</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a> <a class="button" href="/privaci-polici.html"
</li> >Zásady o ochraně osobních dat</a
</ul> >
</center> </li>
</ul>
</center>
</div> </div>
<hr /> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
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"
</li> >Automatizované testování</a
<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> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
</li> <li>
<li> <a class="button" href="/penetracni-testovani.html"
<a class="button" href="/testing-obecne.html">Testing obečně</a> >Penetrační testování</a
</li> >
<li> </li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <li>
</li> <a class="button" href="/testing-obecne.html">Testing obečně</a>
<li> </li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <li>
</li> <a class="button" href="/testovani-mobilnich-aplikaci.html"
<li> >Testování mobilních aplikací</a
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> >
</li> </li>
</th> <li>
</tr> <a class="button" href="/testovani-pristupnosti.html"
</table> >Testování přístupnosti</a
</div> >
</li>
<li>
<a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li>
</th>
</tr>
</table>
</div>
<div class="content"> <div class="content">
<p class="big-text">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> <div class="code-box">
<div class="code-box"> <p>{</p>
<p>{</p> <p>"compilerOptions": {</p>
<p>"compilerOptions": {</p> <p>"target": "es5",</p>
<p>"target": "es5",</p> <p>"lib": ["es5", "dom"],</p>
<p>"lib": ["es5", "dom"],</p> <p>"types": ["cypress", "node"],</p>
<p>"types": ["cypress", "node"],</p> <p>"baseUrl": "./"</p>
<p>"baseUrl": "./"</p> <p>},</p>
<p>},</p> <p>"include": [</p>
<p>"include": [</p> <p>"**/*.ts"</p>
<p>"**/*.ts"</p> <p>]</p>
<p>]</p> <p>}</p>
<p>}</p>
</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>
<a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <li>
Playwright</a> <a class="button" href="otazky-a-odpovedi-playwright.html"
</li> >Otázky a odpovědí k Playwright</a
</th> >
</tr> </li>
</table> </th>
</div> </tr>
</table>
</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,109 +1,124 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head>
<head>
<meta name="description" content="Dokumentace pro všechny testery" /> <meta name="description" content="Dokumentace pro všechny testery" />
<meta name="keywords" content="Cypres, Automatizované testování" /> <meta name="keywords" content="Cypres, Automatizované testování" />
<meta name="author" content="Lukáš Kaňka" /> <meta name="author" content="Lukáš Kaňka" />
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<link href="/style.css" rel="stylesheet" /> <link href="/style.css" rel="stylesheet" />
<link 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>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr /> <hr />
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/index.html">Domů</a> <a class="button" href="/index.html">Domů</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a> <a class="button" href="/podpora.html">Podpora</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a> <a class="button" href="/mapa-webu.html">Mapa webu</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a> <a class="button" href="/privaci-polici.html"
</li> >Zásady o ochraně osobních dat</a
</ul> >
</center> </li>
</ul>
</center>
</div> </div>
<hr /> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
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"
</li> >Automatizované testování</a
<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> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
</li> <li>
<li> <a class="button" href="/penetracni-testovani.html"
<a class="button" href="/testing-obecne.html">Testing obečně</a> >Penetrační testování</a
</li> >
<li> </li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <li>
</li> <a class="button" href="/testing-obecne.html">Testing obečně</a>
<li> </li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <li>
</li> <a class="button" href="/testovani-mobilnich-aplikaci.html"
<li> >Testování mobilních aplikací</a
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> >
</li> </li>
</th> <li>
</tr> <a class="button" href="/testovani-pristupnosti.html"
</table> >Testování přístupnosti</a
</div> >
</li>
<li>
<a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li>
</th>
</tr>
</table>
</div>
<div class="content"> <div class="content">
<p class="big-text">Cypress seznámení</p> <p class="big-text">Cypress seznámení</p>
<p> <p>
Cypress stáhneš zde: Cypress stáhneš zde:
<a class="button" href="https://www.cypress.io/ ">Cypress.io</a> <a class="button" href="https://www.cypress.io/ ">Cypress.io</a>
</p> </p>
Cypress je nástroj pro automatické testování webových aplikací. Cypress je nástroj pro automatické testování webových aplikací.
Poskytujeuživatelům možnost psát a spouštět testy v reálném prohlížeči, Poskytujeuživatelům možnost psát a spouštět testy v reálném prohlížeči,
což umožňujeefektivní testování interakce uživatele s webovou aplikací. což umožňujeefektivní testování interakce uživatele s webovou aplikací.
Cypress nabízíjednoduché API pro psaní testů v JavaScriptu nebo Cypress nabízíjednoduché API pro psaní testů v JavaScriptu nebo
TypeScriptu a poskytuje Cookies settings bohatou sadu funkcí a nástrojů, TypeScriptu a poskytuje Cookies settings bohatou sadu funkcí a nástrojů,
které usnadňují testování a ladění. Je takévelmi populární díky své které usnadňují testování a ladění. Je takévelmi populární díky své
rychlosti a spolehlivosti. rychlosti a spolehlivosti.
</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>
<a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <li>
Playwright</a> <a class="button" href="otazky-a-odpovedi-playwright.html"
</li> >Otázky a odpovědí k Playwright</a
</th> >
</tr> </li>
</table> </th>
</div> </tr>
</table>
</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,168 +1,202 @@
<!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">
</li> <a class="button" href="/podpora.html">Podpora</a>
</ul> </li>
</center> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
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"
</li> >Automatizované testování</a
<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> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
</li> <li>
<li> <a class="button" href="/penetracni-testovani.html"
<a class="button" href="/testing-obecne.html">Testing obečně</a> >Penetrační testování</a
</li> >
<li> </li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <li>
</li> <a class="button" href="/testing-obecne.html">Testing obečně</a>
<li> </li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <li>
</li> <a class="button" href="/testovani-mobilnich-aplikaci.html"
<li> >Testování mobilních aplikací</a
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> >
</li> </li>
</th> <li>
</tr> <a class="button" href="/testovani-pristupnosti.html"
</table> >Testování přístupnosti</a
>
</li>
<li>
<a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li>
</th>
</tr>
</table>
</div>
<div class="content">
<p class="big-text">MStest založení projektu</p>
<p class="strong-text">Nainstalovat do PC:</p>
<div class="code-box">
<ul class="not-dot">
<li>.NET 7.0 nebo 6.0 s dlouhou podporou</li>
<li>Visual Studio Code</li>
<li>nebo</li>
<li>Visual Studio 2022 pouze WIN a MacOS</li>
</ul>
</div> </div>
<div class="content"> <p class="strong-text">Potřebná rozšíření ve VS Code:</p>
<p class="big-text">MStest založení projektu</p> <div class="code-box">
<p class="strong-text">Nainstalovat do PC:</p> <ul class="not-dot">
<div class="code-box"> <li>.NET Extension Pack</li>
<ul class="not-dot"> <li>C#</li>
<li>.NET 7.0 nebo 6.0 s dlouhou podporou</li> <li>Nuget Package Manager</li>
<li>Visual Studio Code</li> </ul>
<li>nebo</li>
<li>Visual Studio 2022 pouze WIN a MacOS</li>
</ul>
</div>
<p class="strong-text">Potřebná rozšíření ve VS Code:</p>
<div class="code-box">
<ul class="not-dot">
<li>.NET Extension Pack</li>
<li>C#</li>
<li>Nuget Package Manager</li>
</ul>
</div>
<p class="strong-text">Postup v VSCode:</p>
<p>Založení nového projektu ve Visual Studio Code:</p>
<div class="code-box">
<ul class="not-dot">
<li>dotnet new mstest -n MyTestProject</li>
<li>dotnet add package Microsoft.NET.Test.Sdk</li>
<li>dotnet add package MSTest.TestFramework</li>
</ul>
</div>
<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
mstest</p>
<div class="code-box">
<ul class="not-dot">
<li>dotnet add package Selenium.WebDriver
</li>
</ul>
</div>
<p class="strong-text">Test se spustí:</p>
<div class="code-box">
<ul class="not-dot">
<li>dotnet test</li>
<li>nebo za pomocí</li>
<li>dotnet watch který sám automaticky sleduje změny v kódu a je schopný
spustit testy</li>
</ul>
</div>
<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>
<div class="code-box">
<ul class="not-dot">
<li>using Microsoft.VisualStudio.TestTools.UnitTesting;</li>
<li>using OpenQA.Selenium;</li>
<li>using OpenQA.Selenium.Chrome;</li>
<li>namespace MyTestProject</li>
<li>{</li>
<li>[TestClass]</li>
<li>public class UnitTest1</li>
<li>{</li>
<li>[TestMethod]</li>
<li>public void TestMethod1()</li>
<li>{</li>
<li>string expectedTitle = "O mně - Lukáš bloguje";</li>
<li>string actualTitle = "";</li>
<li>IWebDriver driver = new ChromeDriver();</li>
<li>driver.Navigate().GoToUrl("https://lukaskanka.cz/");</li>
<li>IWebElement tlačítko = driver.FindElement(By.Id("xPath tlačítka"));</li>
<li>tlačítko.Click();</li>
<li>expectedTitle = "O mně - Lukáš bloguje";</li>
<li>actualTitle = driver.Title;</li>
<li>Assert.AreEqual(expectedTitle, actualTitle, "Title does not match");</li>
<li>}</li>
<li>}</li>
<li>}</li>
</ul>
</div>
</div> </div>
<div class="articles">
<table> <p class="strong-text">Postup v VSCode:</p>
<caption>Nejdůležitější články:</caption> <p>Založení nového projektu ve Visual Studio Code:</p>
<tr> <div class="code-box">
<th> <ul class="not-dot">
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <li>dotnet new mstest -n MyTestProject</li>
testování</a> <li>dotnet add package Microsoft.NET.Test.Sdk</li>
</li> <li>dotnet add package MSTest.TestFramework</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k </ul>
Playwright</a></li>
</th>
</tr>
</table>
</div> </div>
<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 mstest
</p>
<div class="code-box">
<ul class="not-dot">
<li>dotnet add package Selenium.WebDriver</li>
</ul>
</div>
<p class="strong-text">Test se spustí:</p>
<div class="code-box">
<ul class="not-dot">
<li>dotnet test</li>
<li>nebo za pomocí</li>
<li>
dotnet watch který sám automaticky sleduje změny v kódu a je
schopný spustit testy
</li>
</ul>
</div>
<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>
<div class="code-box">
<ul class="not-dot">
<li>using Microsoft.VisualStudio.TestTools.UnitTesting;</li>
<li>using OpenQA.Selenium;</li>
<li>using OpenQA.Selenium.Chrome;</li>
<li>namespace MyTestProject</li>
<li>{</li>
<li>[TestClass]</li>
<li>public class UnitTest1</li>
<li>{</li>
<li>[TestMethod]</li>
<li>public void TestMethod1()</li>
<li>{</li>
<li>string expectedTitle = "O mně - Lukáš bloguje";</li>
<li>string actualTitle = "";</li>
<li>IWebDriver driver = new ChromeDriver();</li>
<li>driver.Navigate().GoToUrl("https://lukaskanka.cz/");</li>
<li>
IWebElement tlačítko = driver.FindElement(By.Id("xPath
tlačítka"));
</li>
<li>tlačítko.Click();</li>
<li>expectedTitle = "O mně - Lukáš bloguje";</li>
<li>actualTitle = driver.Title;</li>
<li>
Assert.AreEqual(expectedTitle, actualTitle, "Title does not
match");
</li>
<li>}</li>
<li>}</li>
<li>}</li>
</ul>
</div>
</div>
<div class="articles">
<table>
<caption>
Nejdůležitější články:
</caption>
<tr>
<th class="not-dot">
<li>
<a class="button" href="co-je-automatizovane-testovani.html"
>Co je automatizované testování</a
>
</li>
<li>
<a class="button" href="otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a
>
</li>
</th>
</tr>
</table>
</div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html> </html>

View File

@ -1,96 +1,123 @@
<!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">
</li> <a class="button" href="/podpora.html">Podpora</a>
</ul> </li>
</center> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
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"
</li> >Automatizované testování</a
<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> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
</li> <li>
<li> <a class="button" href="/penetracni-testovani.html"
<a class="button" href="/testing-obecne.html">Testing obečně</a> >Penetrační testování</a
</li> >
<li> </li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <li>
</li> <a class="button" href="/testing-obecne.html">Testing obečně</a>
<li> </li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <li>
</li> <a class="button" href="/testovani-mobilnich-aplikaci.html"
<li> >Testování mobilních aplikací</a
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> >
</li> </li>
</th> <li>
</tr> <a class="button" href="/testovani-pristupnosti.html"
</table> >Testování přístupnosti</a
</div> >
</li>
<li>
<a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li>
</th>
</tr>
</table>
</div>
<div class="content"> <div class="content">
<p class="big-text">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.
</div> </p>
<div class="articles"> </div>
<table> <div class="articles">
<caption>Nejdůležitější články:</caption> <table>
<tr> <caption>
<th> Nejdůležitější články:
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované </caption>
testování</a> <tr>
</li> <th class="not-dot">
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <li>
Playwright</a></li> <a class="button" href="co-je-automatizovane-testovani.html"
</th> >Co je automatizované testování</a
</tr> >
</table> </li>
</div> <li>
<a class="button" href="otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a
>
</li>
</th>
</tr>
</table>
</div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <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,142 +1,191 @@
<!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">
</li> <a class="button" href="/podpora.html">Podpora</a>
</ul> </li>
</center> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
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"
</li> >Automatizované testování</a
<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> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
</li> <li>
<li> <a class="button" href="/penetracni-testovani.html"
<a class="button" href="/testing-obecne.html">Testing obečně</a> >Penetrační testování</a
</li> >
<li> </li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <li>
</li> <a class="button" href="/testing-obecne.html">Testing obečně</a>
<li> </li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <li>
</li> <a class="button" href="/testovani-mobilnich-aplikaci.html"
<li> >Testování mobilních aplikací</a
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> >
</li> </li>
</th> <li>
</tr> <a class="button" href="/testovani-pristupnosti.html"
</table> >Testování přístupnosti</a
>
</li>
<li>
<a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li>
</th>
</tr>
</table>
</div>
<div class="content">
<!-- Nadpis -->
<p class="big-text">Nunit založení projektu</p>
<!-- Článek -->
<p class="strong-text">Nainstalovat do PC:</p>
<div class="code-box">
<p>.NET 8.0, 7.0 nebo 6.0 s dlouhou podporou.</p>
<p>Visual Studio Code nebo Visual Studio 2022 pouze WIN a MacOS.</p>
</div> </div>
<div class="content"> <p class="strong-text">Potřebná rozšíření:</p>
<!-- Nadpis --> <div class="code-box">
<p class="big-text">Nunit založení projektu</p> <p>.NET 8.0, 7.0 nebo 6.0 s dlouhou podporou.</p>
<p>Visual Studio Code nebo Visual Studio 2022 pouze WIN a MacOS.</p>
<!-- Článek --> <p>.NET Extension Pack</p>
<p class="strong-text">Nainstalovat do PC:</p> <p>C#</p>
<div class="code-box"> <p>Nuget Package Manager</p>
<p>.NET 8.0, 7.0 nebo 6.0 s dlouhou podporou.</p>
<p>Visual Studio Code nebo Visual Studio 2022 pouze WIN a MacOS.</p>
</div>
<p class="strong-text">Potřebná rozšíření:</p>
<div class="code-box">
<p>.NET 8.0, 7.0 nebo 6.0 s dlouhou podporou.</p>
<p>Visual Studio Code nebo Visual Studio 2022 pouze WIN a MacOS.</p>
<p>.NET Extension Pack</p>
<p>C#</p>
<p>Nuget Package Manager</p>
</div>
<p class="strong-text">Postup v Visual Studio Code:</p>
<div class="code-box">
<p>dotnet new nunit</p>
<p>dotnet new nunit -n MyNUnitProject —> vytvoří novou složku s projektemnázev je možno upravit</p>
<p>dotnet add package Nunit3TestAdapter —> nutné také stáhnout</p>
<p>dotnet add package NUnit.ConsoleRunner > GitHub Actions</p>
<p>dotnet add package Selenium.WebDriver > stahne knihovny selenium přejít do složky projektu</p>
<p>dotnet add package Selenium.Support</p>
</div>
<p class="strong-text">Pokud se dělají PageObject:</p>
<div class="code-box">
<p>dotnet add package DotNetSeleniumExtras.PageObjects.Core</p>
<p>dotnet add package WebDriverManager</p>
</div>
<p class="strong-text">Report:</p>
<div class="code-box">
<p>NUnit.Allure package do instalovat</p>
<p><a class="link-black" href="https://www.youtube.com/watch?v=CWPqO17DIQw" target="_blank">Video 1</a>
</p>
<p><a class="link-black" href="https://www.youtube.com/watch?v=CWPqO17DIQw" target="_blank">Video 2</a>
</p>
</div>
<hr>
<p>Tento návod funguje jak pod Linux (odzkoušené v distribucích EndeavorOS,Ubuntu 22.04), MacOS, Windows 11.
Z důvodu kompaktibility jseou je na GitHub pouze samotný kód testu. Ostatnísoubory a složky se vytvoří
po
založení projektu.</p>
<p>Složka TestResults také není součásti verze GitHub.</p>
<p class="strong-text">Aby test prošel je potřeba zkontrolovat hlavičku testu:</p>
<div class="code-box">
<p>using OpenQA.Selenium;</p>
<p>using OpenQA.Selenium.Chrome;</p>
<p>using System;</p>
<p>using NUnit.Framework;</p>
<p>using System.Threading;</p>
</div>
</div> </div>
<div class="articles"> <p class="strong-text">Postup v Visual Studio Code:</p>
<table> <div class="code-box">
<caption>Nejdůležitější články:</caption> <p>dotnet new nunit</p>
<tr> <p>
<th> dotnet new nunit -n MyNUnitProject —> vytvoří novou složku s
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované projektemnázev je možno upravit
testování</a></li> </p>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <p>dotnet add package Nunit3TestAdapter —> nutné také stáhnout</p>
Playwright</a></li> <p>dotnet add package NUnit.ConsoleRunner > GitHub Actions</p>
</th> <p>
</tr> dotnet add package Selenium.WebDriver > stahne knihovny selenium
</table> přejít do složky projektu
</p>
<p>dotnet add package Selenium.Support</p>
</div> </div>
<p class="strong-text">Pokud se dělají PageObject:</p>
<div class="code-box">
<p>dotnet add package DotNetSeleniumExtras.PageObjects.Core</p>
<p>dotnet add package WebDriverManager</p>
</div>
<p class="strong-text">Report:</p>
<div class="code-box">
<p>NUnit.Allure package do instalovat</p>
<p>
<a
class="link-black"
href="https://www.youtube.com/watch?v=CWPqO17DIQw"
target="_blank"
>Video 1</a
>
</p>
<p>
<a
class="link-black"
href="https://www.youtube.com/watch?v=CWPqO17DIQw"
target="_blank"
>Video 2</a
>
</p>
</div>
<hr />
<p>
Tento návod funguje jak pod Linux (odzkoušené v distribucích
EndeavorOS,Ubuntu 22.04), MacOS, Windows 11. Z důvodu kompaktibility
jseou je na GitHub pouze samotný kód testu. Ostatnísoubory a složky se
vytvoří po založení projektu.
</p>
<p>Složka TestResults také není součásti verze GitHub.</p>
<p class="strong-text">
Aby test prošel je potřeba zkontrolovat hlavičku testu:
</p>
<div class="code-box">
<p>using OpenQA.Selenium;</p>
<p>using OpenQA.Selenium.Chrome;</p>
<p>using System;</p>
<p>using NUnit.Framework;</p>
<p>using System.Threading;</p>
</div>
</div>
<div class="articles">
<table>
<caption>
Nejdůležitější články:
</caption>
<tr>
<th class="not-dot">
<li>
<a class="button" href="co-je-automatizovane-testovani.html"
>Co je automatizované testování</a
>
</li>
<li>
<a class="button" href="otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a
>
</li>
</th>
</tr>
</table>
</div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <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,29 +109,32 @@
</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>
<p>Tento soubor script bude spouštět testy a uloží <p>
výsledek do složky TestResultsv kořenovém adresáři v html. </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í <p>Na spoštění testů si můžeme stáhnout plugin Batch Runner.</p>
testů si můžeme stáhnout plugin Batch Runner. </p>
<p> Pak stačí kliknoutna bash <p>
pravím tlačítkem a kliknout na Run Batch File. Tím spustíme test i Pak stačí kliknoutna bash pravím tlačítkem a kliknout na Run Batch
slogováním do html. Toto funguje pod MSTest, Nunit a xUnit. Další ze File. Tím spustíme test i slogováním do html. Toto funguje pod MSTest,
způsobů logování je možné použít knihovnu Nlog. Nunit a xUnit. Další ze způsobů logování je možné použít knihovnu
</p> Nlog.
</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="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,111 +1,139 @@
<!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">
</li> <a class="button" href="/podpora.html">Podpora</a>
</ul> </li>
</center> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
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"
</li> >Automatizované testování</a
<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> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
</li> <li>
<li> <a class="button" href="/penetracni-testovani.html"
<a class="button" href="/testing-obecne.html">Testing obečně</a> >Penetrační testování</a
</li> >
<li> </li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <li>
</li> <a class="button" href="/testing-obecne.html">Testing obečně</a>
<li> </li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <li>
</li> <a class="button" href="/testovani-mobilnich-aplikaci.html"
<li> >Testování mobilních aplikací</a
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> >
</li> </li>
</th> <li>
</tr> <a class="button" href="/testovani-pristupnosti.html"
</table> >Testování přístupnosti</a
</div> >
</li>
<li>
<a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li>
</th>
</tr>
</table>
</div>
<div class="content"> <div class="content">
<p class="big-text">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
</p> vašeho projektu azajišťovat, že jsou vždy aktuální.
<p> </p>
V kontextu logování a spouštění testů v .NET je NuGet často používán prosprávu testovacích frameworků, <p>
jako jsou MSTest, NUnit, xUnit, a další.Pomocí NuGet můžete snadno stáhnout a nainstalovat tyto V kontextu logování a spouštění testů v .NET je NuGet často používán
frameworky dovašeho projektu a používat je k psaní a spouštění testů. Toto je užitečné proautomatizované prosprávu testovacích frameworků, jako jsou MSTest, NUnit, xUnit, a
testování vašeho kódu a zajištění jeho správné funkčnosti. další.Pomocí NuGet můžete snadno stáhnout a nainstalovat tyto
</p> frameworky dovašeho projektu a používat je k psaní a spouštění testů.
<p> Toto je užitečné proautomatizované testování vašeho kódu a zajištění
NuGet také umožňuje správu závislostí a aktualizaci balíčků ve vašemprojektu. Pokud váš projekt závisí jeho správné funkčnosti.
na dalších knihovnách a nástrojích, NuGetvám umožní jednoduše je spravovat a aktualizovat na nejnovější </p>
verze. <p>
</p> NuGet také umožňuje správu závislostí a aktualizaci balíčků ve
<p> vašemprojektu. Pokud váš projekt závisí na dalších knihovnách a
Celkově lze říci, že NuGet je důležitým nástrojem pro správu balíčků azávislostí v .NET projektech, a nástrojích, NuGetvám umožní jednoduše je spravovat a aktualizovat na
pro logování a spouštění testů v .NET. nejnovější verze.
</p> </p>
<p><a class="link" href="https://www.nuget.org/">NuGet</a></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 pro logování a spouštění testů v
.NET.
</p>
<p><a class="link" href="https://www.nuget.org/">NuGet</a></p>
</div>
</div> <div class="articles">
<table>
<caption>
Nejdůležitější články:
<div class="articles"> </caption>
<table> <tr>
<caption>Nejdůležitější články:</caption> <th class="not-dot">
<tr> <li>
<th> <a class="button" href="co-je-automatizovane-testovani.html"
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované >Co je automatizované testování</a
testování</a> >
</li> </li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <li>
Playwright</a></li> <a class="button" href="otazky-a-odpovedi-playwright.html"
</th> >Otázky a odpovědí k Playwright</a
</tr> >
</table> </li>
</div> </th>
</tr>
</table>
</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,102 +1,128 @@
<!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">
</li> <a class="button" href="/podpora.html">Podpora</a>
</ul> </li>
</center> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
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"
</li> >Automatizované testování</a
<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> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
</li> <li>
<li> <a class="button" href="/penetracni-testovani.html"
<a class="button" href="/testing-obecne.html">Testing obečně</a> >Penetrační testování</a
</li> >
<li> </li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <li>
</li> <a class="button" href="/testing-obecne.html">Testing obečně</a>
<li> </li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <li>
</li> <a class="button" href="/testovani-mobilnich-aplikaci.html"
<li> >Testování mobilních aplikací</a
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> >
</li> </li>
</th> <li>
</tr> <a class="button" href="/testovani-pristupnosti.html"
</table> >Testování přístupnosti</a
</div> >
</li>
<li>
<a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li>
</th>
</tr>
</table>
</div>
<div class="content"> <div class="content">
<p class="big-text">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é
</p> testování webových aplikací.
<p> </p>
NUnit veškerou dokumentaci najdeš na oficiálním webu: <a class="button" target="_blank" <p>
href="https://nunit.org/">Nunit.org</a> NUnit veškerou dokumentaci najdeš na oficiálním webu:
</p> <a class="button" target="_blank" href="https://nunit.org/"
>Nunit.org</a
>
</div> </p>
<div class="articles"> </div>
<table> <div class="articles">
<caption>Nejdůležitější články:</caption> <table>
<tr> <caption>
<th> Nejdůležitější články:
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované </caption>
testování</a> <tr>
</li> <th class="not-dot">
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <li>
Playwright</a></li> <a class="button" href="co-je-automatizovane-testovani.html"
</th> >Co je automatizované testování</a
</tr> >
</table> </li>
</div> <li>
<a class="button" href="otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a
>
</li>
</th>
</tr>
</table>
</div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <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,183 +1,235 @@
<!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">
</li> <a class="button" href="/podpora.html">Podpora</a>
</ul> </li>
</center> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
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"
</li> >Automatizované testování</a
<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> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
</li> <li>
<li> <a class="button" href="/penetracni-testovani.html"
<a class="button" href="/testing-obecne.html">Testing obečně</a> >Penetrační testování</a
</li> >
<li> </li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <li>
</li> <a class="button" href="/testing-obecne.html">Testing obečně</a>
<li> </li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <li>
</li> <a class="button" href="/testovani-mobilnich-aplikaci.html"
<li> >Testování mobilních aplikací</a
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> >
</li> </li>
</th> <li>
</tr> <a class="button" href="/testovani-pristupnosti.html"
</table> >Testování přístupnosti</a
>
</li>
<li>
<a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li>
</th>
</tr>
</table>
</div>
<div class="content">
<p class="big-text">Playwright MSTest + .Net</p>
<p>Instalace:</p>
<p>
Playwright byl vytvořen speciálně pro potřeby end-to-end testování.
Playwright podporuje všechny moderní renderovací enginy včetně
Chromium, WebKit a Firefox. Testujte v systémech Windows, Linux a
macOS, lokálně nebo na CI, bezobslužně nebo v čele s nativní mobilní
emulací.
</p>
<p>
Můžete se rozhodnout použít základní třídy NUnit nebo základní třídy
MSTest, které Playwright poskytuje pro psaní komplexních testů. Tyto
třídy podporují spouštění testů na více modulech prohlížeče, paralelní
testy, úpravu možností spuštění/kontextu a získání instance
Page/BrowserContext na test z krabice. Alternativně můžete knihovnu
použít k ručnímu zápisu testovací infrastruktury.
</p>
<p>
Začněte vytvořením nového projektu pomocí rozhraní . Tím se vytvoří
adresář, který obsahuje soubor:
</p>
<div class="code-box">
<ul class="not-dot">
<li>dotnet newPlaywrightTestsUnitTest1.cs</li>
<li></li>
dotnet new mstest -n PlaywrightTests cd PlaywrightTests
</ul>
</div> </div>
<div class="content"> <p>Nainstalujte potřebné závislosti Playwright:</p>
<p class="big-text">Playwright MSTest + .Net</p> <div class="code-box">
<p>Instalace:</p> <ul class="not-dot">
<p> Playwright byl vytvořen speciálně pro potřeby end-to-end testování. Playwright <li></li>
podporuje všechny moderní renderovací enginy včetně Chromium, WebKit a dotnet add package Microsoft.Playwright.MSTest
Firefox. Testujte v systémech Windows, Linux a macOS, lokálně nebo na CI, </ul>
bezobslužně nebo v čele s nativní mobilní emulací.</p> </div>
<p>Můžete se rozhodnout použít základní třídy NUnit nebo základní třídy MSTest, <p>
které Playwright poskytuje pro psaní komplexních testů. Tyto třídy podporují Sestavte projekt tak, aby byl k dispozici uvnitř
spouštění testů na více modulech prohlížeče, paralelní testy, úpravu možností adresáře:playwright.ps1bin
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> <div class="code-box">
<p>Začněte vytvořením nového projektu pomocí rozhraní . Tím se vytvoří adresář, <ul class="not-dot">
který obsahuje soubor:</p> <li></li>
dotnet build
<div class="code-box"> </ul>
<ul class="not-dot"> </div>
<li>dotnet newPlaywrightTestsUnitTest1.cs</li> <p>
<li></li> Nainstalujte požadované prohlížeče nahrazením skutečným názvem
dotnet new mstest -n PlaywrightTests cd PlaywrightTests výstupní složky, např.: netXnet6.0
</ul> </p>
</div> <div class="code-box">
<ul class="not-dot">
<p> <li>pwsh bin/Debug/net7.0/playwright.ps1 install</li>
Nainstalujte potřebné závislosti Playwright:</p> </ul>
<div class="code-box"> </div>
<ul class="not-dot"> <p>Pokud není k dispozici, musíte nainstalovat PowerShell.pwsh</p>
<li></li> <p>Přidání příkladů testů.</p>
dotnet add package Microsoft.Playwright.MSTest <p>
</ul> Upravte soubor pomocí níže uvedeného kódu a vytvořte příklad
</div> kompletního testu: UnitTest1.cs
<p>Sestavte projekt tak, aby byl k dispozici uvnitř adresáře:playwright.ps1bin</p> </p>
<div class="code-box"> <div class="code-box">
<ul class="not-dot"> <ul class="not-dot">
<li></li> <li>using System.Text.RegularExpressions;</li>
dotnet build <li>using System.Threading.Tasks;</li>
</ul> <li>using Microsoft.Playwright;</li>
</div> <li>using Microsoft.Playwright.MSTest;</li>
<p>Nainstalujte požadované prohlížeče nahrazením skutečným názvem výstupní <li>using Microsoft.VisualStudio.TestTools.UnitTesting;</li>
složky, např.: netXnet6.0</p> <li>namespace PlaywrightTests;</li>
<div class="code-box"> <li>[TestClass]</li>
<ul class="not-dot"> <li>public class UnitTest1 : PlaywrightTest</li>
<li>pwsh bin/Debug/net7.0/playwright.ps1 install</li> <li>{</li>
</ul> <li>[TestMethod]</li>
</div> <li>
<p>Pokud není k dispozici, musíte nainstalovat PowerShell.pwsh</p> public async Task
<p>Přidání příkladů testů.</p> HomepageHasPlaywrightInTitleAndGetStartedLinkLinkingtoTheIntr
<p>Upravte soubor pomocí níže uvedeného kódu a vytvořte příklad kompletního oPage()
testu: UnitTest1.cs</p> </li>
<div class="code-box"> <li>{</li>
<ul class="not-dot"> <li>await Page.GotoAsync(" <https: //playwright.dev>");</li>
<li>using System.Text.RegularExpressions;</li> <li>// Expect a title "to contain" a substring.</li>
<li>using System.Threading.Tasks;</li> <li>
<li>using Microsoft.Playwright;</li> await Expect(Page).ToHaveTitleAsync(new Regex("Playwright"));
<li>using Microsoft.Playwright.MSTest;</li> </li>
<li>using Microsoft.VisualStudio.TestTools.UnitTesting;</li> <li>// create a locator</li>
<li>namespace PlaywrightTests;</li> <li>
<li>[TestClass]</li> var getStarted = Page.GetByRole(AriaRole.Link, new() { Name ="Get
<li>public class UnitTest1 : PlaywrightTest</li> started" });
<li>{</li> </li>
<li>[TestMethod]</li> <li>// Expect an attribute "to be strictly equal" to the value.</li>
<li>public async Task HomepageHasPlaywrightInTitleAndGetStartedLinkLinkingtoTheIntr <li>
oPage() await Expect(getStarted).ToHaveAttributeAsync("href",
</li> "/docs/intro");
<li>{</li> </li>
<li>await Page.GotoAsync(" <li>// Click the get started link.</li>
<https: //playwright.dev>"); <li>await getStarted.ClickAsync();</li>
</li> <li>// Expects the URL to contain intro.</li>
<li>// Expect a title "to contain" a substring.</li> <li>await Expect(Page).ToHaveURLAsync(new Regex(".*intro"));</li>
<li>await Expect(Page).ToHaveTitleAsync(new Regex("Playwright"));</li> <li>}</li>
<li>// create a locator</li> <li>}</li>
<li>var getStarted = Page.GetByRole(AriaRole.Link, new() { Name ="Get started" });</li> </ul>
<li>// Expect an attribute "to be strictly equal" to the value.</li>
<li>await Expect(getStarted).ToHaveAttributeAsync("href", "/docs/intro");</li>
<li>// Click the get started link.</li>
<li>await getStarted.ClickAsync();</li>
<li>// Expects the URL to contain intro.</li>
<li>await Expect(Page).ToHaveURLAsync(new Regex(".*intro"));</li>
<li>}</li>
<li>}</li>
</ul>
</div>
<p>Spuštění ukázkových testů.</p>
<p>Ve výchozím nastavení budou testy spuštěny na chromu. To lze konfigurovat
pomocí proměnné prostředí nebo úpravou možností konfigurace spuštění.
Testy jsou spouštěny v bezobslužném režimu, což znamená, že se při spuštění
testů neotevře žádný prohlížeč. Výsledky testů a protokoly testů se zobrazí v
terminálu.BROWSER</p>
<div class="code-box">
<ul class="not-dot">
<li>dotnet test MSTest.Parallelize.Workers=5</li>
</ul>
</div>
<p>Podívejte se na náš dokument o Test Runners, kde se dozvíte více o spouštění
testů v režimu hlavy, spouštění více testů, spouštění konkrétních konfigurací
atd.</p>
</div> </div>
<div class="articles"> <p>Spuštění ukázkových testů.</p>
<table>
<caption>Nejdůležitější články:</caption> <p>
<tr> Ve výchozím nastavení budou testy spuštěny na chromu. To lze
<th> konfigurovat pomocí proměnné prostředí nebo úpravou možností
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované konfigurace spuštění. Testy jsou spouštěny v bezobslužném režimu, což
testování</a> znamená, že se při spuštění testů neotevře žádný prohlížeč. Výsledky
</li> testů a protokoly testů se zobrazí v terminálu.BROWSER
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k </p>
Playwright</a></li> <div class="code-box">
</th> <ul class="not-dot">
</tr> <li>dotnet test MSTest.Parallelize.Workers=5</li>
</table> </ul>
</div> </div>
<p>
Podívejte se na náš dokument o Test Runners, kde se dozvíte více o
spouštění testů v režimu hlavy, spouštění více testů, spouštění
konkrétních konfigurací atd.
</p>
</div>
<div class="articles">
<table>
<caption>
Nejdůležitější články:
</caption>
<tr>
<th class="not-dot">
<li>
<a class="button" href="co-je-automatizovane-testovani.html"
>Co je automatizované testování</a
>
</li>
<li>
<a class="button" href="otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a
>
</li>
</th>
</tr>
</table>
</div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html> </html>

View File

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

View File

@ -1,147 +1,165 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head>
<head> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Dokumentace pro všechny testery" name="description"/> <meta
<meta content="Playwright, Automatizované testovaní, Testování software" name="keywords"/> content="Playwright, Automatizované testovaní, Testování software"
<meta content="Lukáš Kaňka" name="author"/> name="keywords"
<meta charset="UTF-8"/> />
<meta content="width=device-width, initial-scale=1.0" name="viewport"/> <meta content="Lukáš Kaňka" name="author" />
<link href="/style.css" rel="stylesheet"/> <meta charset="UTF-8" />
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<link href="/style.css" rel="stylesheet" />
<link
href="images/a picture of a text editor on a pc in the style of comics.jpg"
rel="shortcut icon"
/>
<title>Testing Docs - Playwright jak začít</title> <title>Testing Docs - Playwright jak začít</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr/> <hr />
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/index.html">Domů</a> <a class="button" href="/index.html">Domů</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a> <a class="button" href="/podpora.html">Podpora</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a> <a class="button" href="/mapa-webu.html">Mapa webu</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a> <a class="button" href="/privaci-polici.html"
</li> >Zásady o ochraně osobních dat</a
>
</li>
</ul> </ul>
</center> </center>
</div>
<hr/>
<div class="flexbox">
<div class="navigation">
<table>
<caption>
Rubriky:
</caption>
<tr>
<th>
<li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a>
</li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a>
</li>
<li>
<a class="button" href="/testing-obecne.html">Testing obečně</a>
</li>
<li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a>
</li>
<li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a>
</li>
<li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a>
</li>
</th>
</tr>
</table>
</div> </div>
<hr />
<div class="content"> <div class="flexbox">
<div class="navigation">
<table>
<caption>
Rubriky:
</caption>
<tr>
<th class="not-dot">
<li>
<a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a
>
</li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li>
<a class="button" href="/penetracni-testovani.html"
>Penetrační testování</a
>
</li>
<li>
<a class="button" href="/testing-obecne.html">Testing obečně</a>
</li>
<li>
<a class="button" href="/testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a
>
</li>
<li>
<a class="button" href="/testovani-pristupnosti.html"
>Testování přístupnosti</a
>
</li>
<li>
<a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li>
</th>
</tr>
</table>
</div>
<div class="content">
<p class="big-text">Playwright jak začít</p> <p class="big-text">Playwright jak začít</p>
<p>Založení nového projektu</p> <p>Založení nového projektu</p>
<p> <p>
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>
Je nutné stáhnout a nainstalovat Je nutné stáhnout a nainstalovat
<a class="button" href="https://nodejs.org/en">Node.js.</a> <a class="button" href="https://nodejs.org/en">Node.js.</a>
</p> </p>
<p> <p>
Do VSCode stáhnout Extensions Do VSCode stáhnout Extensions
<strong>Playwright Test for VSCode</strong> <strong>Playwright Test for VSCode</strong>
</p> </p>
<p> <p>
Mkdir vytvoří v cmd / terminálu složku pro nový projekt, v místě kde Mkdir vytvoří v cmd / terminálu složku pro nový projekt, v místě kde
se nacházíme. se nacházíme.
</p> </p>
<p> <p>
cd název nového projektu nás přesune do složky nového projektu První cd název nového projektu nás přesune do složky nového projektu První
dva body je možné udělat v GUI pomocí průzkumníka a pak otevřít dva body je možné udělat v GUI pomocí průzkumníka a pak otevřít
terminál v tomto místě a do terminálu už jen vložit npm init -y , tím terminál v tomto místě a do terminálu už jen vložit npm init -y , tím
si připravíme projekt. si připravíme projekt.
</p> </p>
<div class="code-box"> <div class="code-box">
<p>mkdir novy_projekt</p> <p>mkdir novy_projekt</p>
<p>cd novy_projekt</p> <p>cd novy_projekt</p>
<p>npm init -y</p> <p>npm init -y</p>
</div> </div>
<p>Tímto nainstalujeme samotný Playwright.</p> <p>Tímto nainstalujeme samotný Playwright.</p>
<div class="code-box"> <div class="code-box">
<p>npm i playwright</p> <p>npm i playwright</p>
</div> </div>
<p> <p>
Instalace nás provede, nastavením jako jestli chcete psát kód v Instalace nás provede, nastavením jako jestli chcete psát kód v
JavaScriptu nebo TypeScriptu. JavaScriptu nebo TypeScriptu.
</p> </p>
<p>Po instalaci můžeme začít psát samotný test.</p> <p>Po instalaci můžeme začít psát samotný test.</p>
<p>Test spustíme v terminálu v místě testu pomocí:</p> <p>Test spustíme v terminálu v místě testu pomocí:</p>
<div class="code-box"> <div class="code-box">
<p>node test.js</p> <p>node test.js</p>
</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>
<a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <li>
Playwright</a> <a class="button" href="otazky-a-odpovedi-playwright.html"
</li> >Otázky a odpovědí k Playwright</a
</th> >
</tr> </li>
</th>
</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,108 +1,138 @@
<!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">
</li> <a class="button" href="/podpora.html">Podpora</a>
</ul> </li>
</center> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
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"
</li> >Automatizované testování</a
<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> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
</li> <li>
<li> <a class="button" href="/penetracni-testovani.html"
<a class="button" href="/testing-obecne.html">Testing obečně</a> >Penetrační testování</a
</li> >
<li> </li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <li>
</li> <a class="button" href="/testing-obecne.html">Testing obečně</a>
<li> </li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <li>
</li> <a class="button" href="/testovani-mobilnich-aplikaci.html"
<li> >Testování mobilních aplikací</a
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> >
</li> </li>
</th> <li>
</tr> <a class="button" href="/testovani-pristupnosti.html"
</table> >Testování přístupnosti</a
>
</li>
<li>
<a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li>
</th>
</tr>
</table>
</div>
<div class="content">
<p class="big-text">Playwright komplet souhrn</p>
<p>
V JavaScript (TypeScript): Nainstalovat node.js Po vytvoření složek/
ropositáře přes terminal nainstalovat Playwright:
</p>
<div class="code-box">
<p>npm init playwright@latest</p>
</div>
<p>Test spustíme:</p>
<div class="code-box">
<p>npx playwright test</p>
</div> </div>
<div class="content"> <p>Druhý způsob instalace:</p>
<p class="big-text">Playwright komplet souhrn</p> <p>
<p>V JavaScript (TypeScript): Dále je možné použít způsob testování: Node.js (instalace viz. jak
Nainstalovat node.js Po vytvoření složek/ ropositáře přes terminal nainstalovat začít.md)
Playwright:</p> </p>
<div class="code-box"> <p>Veškeré informace oficial web:</p>
<p>npm init playwright@latest</p> <p>Všechni informace na oficiálním webu</p>
</div> <p>Zobrazení prohlížeče:</p>
<p>Test spustíme:</p> <div class="code-box">
<div class="code-box"> <p>do playwright.config.js(ts) přidat > headless: false,</p>
<p>npx playwright test</p>
</div>
<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>Veškeré informace oficial web:</p>
<p>Všechni informace na oficiálním webu</p>
<p>Zobrazení prohlížeče:</p>
<div class="code-box">
<p>do playwright.config.js(ts) přidat > headless: false,</p>
</div>
<p>Do složky use: ta už je vytvořená.</p>
<p>Otevřít stránku testu: (Navigace)</p>
</div> </div>
<p>Do složky use: ta už je vytvořená.</p>
<p>Otevřít stránku testu: (Navigace)</p>
</div>
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>
<tr> Nejdůležitější články:
<th> </caption>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <tr>
testování</a> <th class="not-dot">
</li> <li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <a class="button" href="co-je-automatizovane-testovani.html"
Playwright</a></li> >Co je automatizované testování</a
</th> >
</tr> </li>
</table> <li>
</div> <a class="button" href="otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a
>
</li>
</th>
</tr>
</table>
</div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <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,118 +1,139 @@
<!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">
</li> <a class="button" href="/podpora.html">Podpora</a>
</ul> </li>
</center> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
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"
</li> >Automatizované testování</a
<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> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
</li> <li>
<li> <a class="button" href="/penetracni-testovani.html"
<a class="button" href="/testing-obecne.html">Testing obečně</a> >Penetrační testování</a
</li> >
<li> </li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <li>
</li> <a class="button" href="/testing-obecne.html">Testing obečně</a>
<li> </li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <li>
</li> <a class="button" href="/testovani-mobilnich-aplikaci.html"
<li> >Testování mobilních aplikací</a
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> >
</li> </li>
</th> <li>
</tr> <a class="button" href="/testovani-pristupnosti.html"
</table> >Testování přístupnosti</a
</div> >
</li>
<li>
<a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li>
</th>
</tr>
</table>
</div>
<div class="content"> <div class="content">
<p class="big-text">Playwright první test</p> <p class="big-text">Playwright první test</p>
<p>Základní a jednoduchý test na webu Google</p> <p>Základní a jednoduchý test na webu Google</p>
<div class="code-box"> <div class="code-box">
<p>import { test, expect } from '@playwright/test';</p> <p>import { test, expect } from '@playwright/test';</p>
<p>import { chromium } from '@playwright/test';</p> <p>import { chromium } from '@playwright/test';</p>
<p>( async () => {</p> <p>( async () => {</p>
<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>// Odsouhlasí cookies</p>
</p> <p>await page.click('#L2AGLb');</p>
<p>// Odsouhlasí cookies</p> <p>// Klikněte na pole pro vyhledávání.</p>
<p>await page.click('#L2AGLb');</p> <p>const searchInput = await page.$('[name="q"]');</p>
<p>// Klikněte na pole pro vyhledávání.</p> <p>await searchInput?.type('test');</p>
<p>const searchInput = await page.$('[name="q"]');</p> <p>// Potvrdíme vyhledávání stisknutím klávesy Enter</p>
<p>await searchInput?.type('test');</p> <p>await searchInput?.press('Enter');</p>
<p>// Potvrdíme vyhledávání stisknutím klávesy Enter</p> <p>await page.waitForNavigation();</p>
<p>await searchInput?.press('Enter');</p> <p>console.log('Search results page title:', await page.title());</p>
<p>await page.waitForNavigation();</p> <p>// Vypíše název stránky do konzole</p>
<p>console.log('Search results page title:', await <p>const title = await page.title();</p>
page.title());</p> <p>console.log(title);</p>
<p>// Vypíše název stránky do konzole</p> <p>// Zavře prohlížeč kde probíhal test</p>
<p>const title = await page.title();</p> <p>await browser.close();</p>
<p>console.log(title);</p> <p>});</p>
<p>// Zavře prohlížeč kde probíhal test</p>
<p>await browser.close();</p>
<p>});</p>
</div>
</div>
<div class="articles">
<table>
<caption>Nejdůležitější články:</caption>
<tr>
<th>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je
automatizované
testování</a>
</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>
</div> </div>
</div>
<div class="articles">
<table>
<caption>
Nejdůležitější články:
</caption>
<tr>
<th class="not-dot">
<li>
<a class="button" href="co-je-automatizovane-testovani.html"
>Co je automatizované testování</a
>
</li>
<li>
<a class="button" href="otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a
>
</li>
</th>
</tr>
</table>
</div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html> </html>

View File

@ -1,92 +1,124 @@
<!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">
</li> <a class="button" href="/podpora.html">Podpora</a>
</ul> </li>
</center> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
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"
</li> >Automatizované testování</a
<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> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
</li> <li>
<li> <a class="button" href="/penetracni-testovani.html"
<a class="button" href="/testing-obecne.html">Testing obečně</a> >Penetrační testování</a
</li> >
<li> </li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <li>
</li> <a class="button" href="/testing-obecne.html">Testing obečně</a>
<li> </li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <li>
</li> <a class="button" href="/testovani-mobilnich-aplikaci.html"
<li> >Testování mobilních aplikací</a
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> >
</li> </li>
</th> <li>
</tr> <a class="button" href="/testovani-pristupnosti.html"
</table> >Testování přístupnosti</a
</div> >
</li>
<li>
<a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li>
</th>
</tr>
</table>
</div>
<div class="content"> <div class="content">
<p class="big-text">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"
</div> >Guides věnované reportům</a
>.
</p>
</div>
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>
<tr> Nejdůležitější články:
<th> </caption>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <tr>
testování</a> <th class="not-dot">
</li> <li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <a class="button" href="co-je-automatizovane-testovani.html"
Playwright</a></li> >Co je automatizované testování</a
</th> >
</tr> </li>
</table> <li>
</div> <a class="button" href="otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a
>
</li>
</th>
</tr>
</table>
</div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html> </html>

View File

@ -1,102 +1,131 @@
<!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">
</li> <a class="button" href="/podpora.html">Podpora</a>
</ul> </li>
</center> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
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"
</li> >Automatizované testování</a
<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> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
</li> <li>
<li> <a class="button" href="/penetracni-testovani.html"
<a class="button" href="/testing-obecne.html">Testing obečně</a> >Penetrační testování</a
</li> >
<li> </li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <li>
</li> <a class="button" href="/testing-obecne.html">Testing obečně</a>
<li> </li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <li>
</li> <a class="button" href="/testovani-mobilnich-aplikaci.html"
<li> >Testování mobilních aplikací</a
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> >
</li> </li>
</th> <li>
</tr> <a class="button" href="/testovani-pristupnosti.html"
</table> >Testování přístupnosti</a
</div> >
</li>
<li>
<a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li>
</th>
</tr>
</table>
</div>
<div class="content"> <div class="content">
<p class="big-text">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>
<p>Zapíšeme Konstruktor který se vždy spustí na začátku testu</p>
<div class="code-box">
<p>(async () => {</p>
</div>
<p> V něm zpustíme browser a přiřadíme ho k příslušné proměnné pomocí
launch</p>
<p> Před každe volání proměnné použijeme await</p>
<div class="code-box">
<p> pomocí headless: false zobrazíme v testu prohlížeč</p>
</div>
</div> </div>
<div class="articles"> <p>Zapíšeme Konstruktor který se vždy spustí na začátku testu</p>
<table> <div class="code-box">
<caption>Nejdůležitější články:</caption> <p>(async () => {</p>
<tr>
<th>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>
</div> </div>
<p>
V něm zpustíme browser a přiřadíme ho k příslušné proměnné pomocí
launch
</p>
<p>Před každe volání proměnné použijeme await</p>
<div class="code-box">
<p>pomocí headless: false zobrazíme v testu prohlížeč</p>
</div>
</div>
<div class="articles">
<table>
<caption>
Nejdůležitější články:
</caption>
<tr>
<th class="not-dot">
<li>
<a class="button" href="co-je-automatizovane-testovani.html"
>Co je automatizované testování</a
>
</li>
<li>
<a class="button" href="otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a
>
</li>
</th>
</tr>
</table>
</div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html> </html>

View File

@ -1,125 +1,159 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head>
<head>
<meta content="Dokumentace pro všechny testery" name="description" /> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Playwright seznámení" name="keywords" /> <meta content="Playwright seznámení" name="keywords" />
<meta content="Lukáš Kaňka" name="author" /> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<link href="/style.css" rel="stylesheet" /> <link href="/style.css" rel="stylesheet" />
<link 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>
<hr /> <hr />
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/index.html">Domů</a> <a class="button" href="/index.html">Domů</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a> <a class="button" href="/podpora.html">Podpora</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a> <a class="button" href="/mapa-webu.html">Mapa webu</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a> <a class="button" href="/privaci-polici.html"
</li> >Zásady o ochraně osobních dat</a
</ul> >
</center> </li>
</ul>
</center>
</div> </div>
<hr /> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
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"
</li> >Automatizované testování</a
<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> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
</li> <li>
<li> <a class="button" href="/penetracni-testovani.html"
<a class="button" href="/testing-obecne.html">Testing obečně</a> >Penetrační testování</a
</li> >
<li> </li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <li>
</li> <a class="button" href="/testing-obecne.html">Testing obečně</a>
<li> </li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <li>
</li> <a class="button" href="/testovani-mobilnich-aplikaci.html"
<li> >Testování mobilních aplikací</a
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> >
</li> </li>
</th> <li>
</tr> <a class="button" href="/testovani-pristupnosti.html"
</table> >Testování přístupnosti</a
</div> >
</li>
<li>
<a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li>
</th>
</tr>
</table>
</div>
<div class="content"> <div class="content">
<p class="big-text">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>
</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
</div> psát jak TypeScript(kde je podle mě nejsílnější), Java Scriptu, Jave,
<div class="articles"> Pythonu a C#.
<table> </p>
<caption> <p>
Nejdůležitější články: Playwright je vybaven možnostmi generování různých reportů a výstupů z
</caption> testů. Dále umožňuje snadnou instalaci a konfiguraci v prostředí
<tr> VSCode.
<th> </p>
<li> <p>
<a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované Celkově lze říci, že Playwright je užitečným nástrojem pro
testování</a> automatizaci testování webových aplikací a poskytuje různé funkce a
</li> možnosti pro efektivnía spolehlivé vytváření testů.
<li> </p>
<a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <p>
Playwright</a> Nejlepší zážitek z psaní Automatizovaných testů zažiješ v novém IDE
</li> JetBrainsAqua:
</th> <a class="button" href="https://www.jetbrains.com/aqua/"
</tr> >JetBrainsAqua</a
</table> >
</div> </p>
</div>
<div class="articles">
<table>
<caption>
Nejdůležitější články:
</caption>
<tr>
<th class="not-dot">
<li>
<a class="button" href="co-je-automatizovane-testovani.html"
>Co je automatizované testování</a
>
</li>
<li>
<a class="button" href="otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a
>
</li>
</th>
</tr>
</table>
</div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>
r r

View File

@ -1,113 +1,150 @@
<!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">
</li> <a class="button" href="/podpora.html">Podpora</a>
</ul> </li>
</center> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
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"
</li> >Automatizované testování</a
<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> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
</li> <li>
<li> <a class="button" href="/penetracni-testovani.html"
<a class="button" href="/testing-obecne.html">Testing obečně</a> >Penetrační testování</a
</li> >
<li> </li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <li>
</li> <a class="button" href="/testing-obecne.html">Testing obečně</a>
<li> </li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <li>
</li> <a class="button" href="/testovani-mobilnich-aplikaci.html"
<li> >Testování mobilních aplikací</a
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> >
</li> </li>
</th> <li>
</tr> <a class="button" href="/testovani-pristupnosti.html"
</table> >Testování přístupnosti</a
</div> >
</li>
<li>
<a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li>
</th>
</tr>
</table>
</div>
<div class="content"> <div class="content">
<p class="big-text">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>
<p>Zde je rychlý způsob, jak zachytit snímek obrazovky a uložit jej do souboru:</p> Zde je rychlý způsob, jak zachytit snímek obrazovky a uložit jej do
<div class="code-box"> souboru:
<p>await page.screenshot({ path: 'screenshot.png' });</p> </p>
</div> <div class="code-box">
<p>Celostránkové snímky obrazovky:</p> <p>await page.screenshot({ path: 'screenshot.png' });</p>
<p>Snímek obrazovky celé stránky je snímek obrazovky celé rolovací stránky, jako
byste měli velmi vysokou obrazovku a stránka by se do ní mohla zcela vejít.</p>
<div class="code-box">
<p>await page.screenshot({ path: 'screenshot.png', fullPage:
true });</p>
</div>
<p>Zachycení do vyrovnávací paměti:</p>
<p>Spíše než zapisovat do souboru, můžete získat vyrovnávací paměť s obrazem a
následně jej zpracovat nebo jej předat zařízení pro rozdíl pixelů třetí strany.</p>
<div class="code-box">
<p>const buffer = await page.screenshot();</p>
<p>console.log(buffer.toString('base64'));</p>
</div>
<p>Snímek obrazovku prvku:</p>
<p>Někdy je užitečné pořídit snímek obrazovky jednoho prvku.</p>
<div class="code-box">
<p>await page.locator('.header').screenshot({ path:
'screenshot.png' });</p>
</div>
</div> </div>
<p>Celostránkové snímky obrazovky:</p>
<p>
Snímek obrazovky celé stránky je snímek obrazovky celé rolovací
stránky, jako byste měli velmi vysokou obrazovku a stránka by se do ní
mohla zcela vejít.
</p>
<div class="code-box">
<p>
await page.screenshot({ path: 'screenshot.png', fullPage: true });
</p>
</div>
<p>Zachycení do vyrovnávací paměti:</p>
<p>
Spíše než zapisovat do souboru, můžete získat vyrovnávací paměť s
obrazem a následně jej zpracovat nebo jej předat zařízení pro rozdíl
pixelů třetí strany.
</p>
<div class="code-box">
<p>const buffer = await page.screenshot();</p>
<p>console.log(buffer.toString('base64'));</p>
</div>
<p>Snímek obrazovku prvku:</p>
<p>Někdy je užitečné pořídit snímek obrazovky jednoho prvku.</p>
<div class="code-box">
<p>
await page.locator('.header').screenshot({ path: 'screenshot.png'
});
</p>
</div>
</div>
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>
<tr> Nejdůležitější články:
<th> </caption>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <tr>
testování</a> <th class="not-dot">
</li> <li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <a class="button" href="co-je-automatizovane-testovani.html"
Playwright</a></li> >Co je automatizované testování</a
</th> >
</tr> </li>
</table> <li>
</div> <a class="button" href="otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a
>
</li>
</th>
</tr>
</table>
</div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <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,129 +1,155 @@
<!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"> <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"
</li> >Zásady o ochraně osobních dat</a
</ul> >
</center> </li>
</ul>
</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
"> --> "> -->
<table> <table>
<caption> <caption>
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"
</li> >Automatizované testování</a
<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> <li><a class="button" href="nastroje.html">Nástroje</a></li>
</li> <li>
<li> <a class="button" href="penetracni-testovani.html"
<a class="button" href="testing-obecne.html">Testing obečně</a> >Penetrační testování</a
</li> >
<li> </li>
<a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních <li>
aplikací</a> <a class="button" href="testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="testovani-mobilnich-aplikaci.html"
</li> >Testování mobilních aplikací</a
<li> >
<a class="button" href="zatezove-testovani.html">Zátěžové testování</a> </li>
</li> <li>
</th> <a class="button" href="testovani-pristupnosti.html"
</tr> >Testování přístupnosti</a
</table> >
</div> </li>
<!-- </div> --> <li>
<a class="button" href="zatezove-testovani.html"
>Zátěžové testování</a
>
</li>
</th>
</tr>
</table>
</div>
<!-- </div> -->
<div class="content">
<p class="big-text">Testing Docs CZ</p>
<p>
Vítám tě na této stránce, která slouží jako dokumentace pro softwarové
testery.
</p>
<p>
Docs je stále ve vývoji a pracuje se na ní pouze ve volném čase a v
jedné osobě (tak děkuji za pochopení a případné chyby či nedostatky).
Všekerý materiál by měl být nejpozději na webu začátkem jara 2024.
Materiálu mám velké množství, ale vše se tam musí nabouchat a to dá
chvilku zabrat 🙈.
</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>
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
rád když mě budete na lukas.kanka(zavináč)outlook.cz.
</p>
<p>Pro lepší orientaci doporučuji použít Mapu testing docs.</p>
<p>
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
>
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
nebo uděláte dle tohoto webu tak jen na Vaši zodpovědnost.
</p>
</div>
<div class="content"> <div class="articles">
<p class="big-text">Testing Docs CZ</p> <table>
<p> <caption>
Vítám tě na této stránce, která slouží jako dokumentace pro softwarové Nejdůležitější články:
testery. </caption>
</p> <tr>
<p> <th class="not-dot">
Docs je stále ve vývoji a pracuje se na ní pouze ve volném čase a v <li>
jedné osobě (tak děkuji za pochopení a případné chyby či nedostatky). <a
Všekerý materiál by měl být nejpozději na webu začátkem jara 2024. class="button"
Materiálu mám velké množství, ale vše se tam musí nabouchat a to dá href="articles/co-je-automatizovane-testovani.html"
chvilku zabrat 🙈. >Co je automatizované testování</a
</p> >
<p> </li>
Pokud naleznete v Docs nejastnosti, chyby a nebo naopak vám něco chybí <li>
či by jste se chtěli aktivně jakkoliv podílet na tomto projektu budu <a
rád když mě budete na lukas.kanka(zavináč)outlook.cz. class="button"
</p> href="articles/otazky-a-odpovedi-playwright.html"
<p>Pro lepší orientaci doporučuji použít Mapu testing docs.</p> >Otázky a odpovědí k Playwright</a
<p> >
Pokud bude něco dělat dle těchto stránek a nejste si jisti co </li>
děláte,<strong>vždy si pořádně pročtete k danému tématu dokumentaci!</strong> </th>
Vyvarujete se případným budoucím problémům. Tato stránka je </tr>
informativního fotmátu a né oficiální návody. Vše co zde zkopírujete </table>
nebo uděláte dle tohoto webu tak jen na Vaši zodpovědnost. </div>
</p>
</div>
<div class="articles">
<table>
<caption>
Nejdůležitější články:
</caption>
<tr>
<th>
<li>
<a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li>
<a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a>
</li>
</th>
</tr>
</table>
</div>
</div> </div>
<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,212 +1,242 @@
<!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">
</li> <a class="button" href="podpora.html">Podpora</a>
</ul> </li>
</center> <li class="menu-item">
<a class="button" href="mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
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"
</li> >Automatizované testování</a
<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> <li><a class="button" href="nastroje.html">Nástroje</a></li>
</li> <li>
<li> <a class="button" href="penetracni-testovani.html"
<a class="button" href="testing-obecne.html">Testing obečně</a> >Penetrační testování</a
</li> >
<li> </li>
<a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <li>
</li> <a class="button" href="testing-obecne.html">Testing obečně</a>
<li> </li>
<a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a> <li>
</li> <a class="button" href="testovani-mobilnich-aplikaci.html"
<li> >Testování mobilních aplikací</a
<a class="button" href="zatezove-testovani.html">Zátěžové testování</a> >
</li> </li>
</th> <li>
</tr> <a class="button" href="testovani-pristupnosti.html"
</table> >Testování přístupnosti</a
</div> >
</li>
<li>
<a class="button" href="zatezove-testovani.html"
>Zátěžové testování</a
>
</li>
</th>
</tr>
</table>
</div>
<div class="content"> <div class="content">
<p class="big-text">Zásady ochrany osobních údajů</p> <p class="big-text">Zásady ochrany osobních údajů</p>
<p>Naposledy aktualizováno: 14.12.2023</p> <p>Naposledy aktualizováno: 14.12.2023</p>
<p> <p>
Pokud jste návštěvníkem mé testing-docs.cz, odběratelem novinek, Pokud jste návštěvníkem mé testing-docs.cz, odběratelem novinek,
přispěvatelem do komentářů poskytujete nám své osobní údaje. My vaše přispěvatelem do komentářů poskytujete nám své osobní údaje. My vaše
údaje zpracováváme a za jejich bezpečnost odpovídáme. Slibujeme, že údaje zpracováváme a za jejich bezpečnost odpovídáme. Slibujeme, že
vaše <br />údaje dostatečně chráníme a podřizujeme se požadavkům vaše <br />údaje dostatečně chráníme a podřizujeme se požadavkům
Nařízení o ochraně osobních údajů (GDPR). Nařízení o ochraně osobních údajů (GDPR).
</p> </p>
<p> <p>
Neprodáváme žádný produkt, nejste tedy našimi zákazníky, ale Neprodáváme žádný produkt, nejste tedy našimi zákazníky, ale
návštěvníky blogu. návštěvníky blogu.
</p> </p>
<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é
</p> ke zpracování využíváme.
</p>
<p> <p>
<strong>Jaké údaje zpracováváme a proč?</strong><br /> <strong>Jaké údaje zpracováváme a proč?</strong><br />
Vaše osobní údaje zpracováváme především proto, abychom vám mohli Vaše osobní údaje zpracováváme především proto, abychom vám mohli
poskytovat co nejkvalitnější obsah. Jednotlivé důvody zpracování: poskytovat co nejkvalitnější obsah. Jednotlivé důvody zpracování:
</p> </p>
<p> <p>
<strong>Předávání osobních údajů třetím osobám.</strong><br /> <strong>Předávání osobních údajů třetím osobám.</strong><br />
Vaše údaje zpracovává správce Lukáš Kaňka, s využitím dalších dvou Vaše údaje zpracovává správce Lukáš Kaňka, s využitím dalších dvou
zpracovatelů, společnosti Endora , jejichž zpracování spočívá v zpracovatelů, společnosti Endora , jejichž zpracování spočívá v
uchovávání údajů na zabezpečených cloudových serverech. uchovávání údajů na zabezpečených cloudových serverech.
</p> </p>
<p> <p>
Abychom mohli měřit, jak se vám na našem blogu líbí, kde trávíte Abychom mohli měřit, jak se vám na našem blogu líbí, kde trávíte
nejvíce času a kam klikáte, používáme další poskytovatele služeb pro nejvíce času a kam klikáte, používáme další poskytovatele služeb pro
určité zpracovatelské operace. Jsou to: určité zpracovatelské operace. Jsou to:
</p> </p>
<p>Hostingový cloud Endora</p> <p>Hostingový cloud Endora</p>
<p> <p>
<strong>Jak nás můžete kontaktovat</strong><br /> <strong>Jak nás můžete kontaktovat</strong><br />
Ať už na nás máte jakoukoliv otázku nebo požadavek, můžete nás Ať už na nás máte jakoukoliv otázku nebo požadavek, můžete nás
kontaktovat ne e-mailové adrese: lukas.kanka@lukan.cz. kontaktovat ne e-mailové adrese: lukas.kanka@lukan.cz.
</p> </p>
<p> <p>
<strong>Předávání vašich dat mimo Evropskou Unii</strong><br /> <strong>Předávání vašich dat mimo Evropskou Unii</strong><br />
Vaše data zpracováváme výhradně v Evropské unii nebo v zemích, které Vaše data zpracováváme výhradně v Evropské unii nebo v zemích, které
zajišťují odpovídající úroveň ochrany na základě rozhodnutí Evropské zajišťují odpovídající úroveň ochrany na základě rozhodnutí Evropské
komise. komise.
</p> </p>
<p> <p>
<strong>Zabezpečení a ochrana osobních údajů</strong><br /> <strong>Zabezpečení a ochrana osobních údajů</strong><br />
Vaše data jsou u nás v bezpečí. Přijali jsme technická opatření, která Vaše data jsou u nás v bezpečí. Přijali jsme technická opatření, která
zajišťují zabezpečení osobních údajů šifrováním přenosu dat pomocí zajišťují zabezpečení osobních údajů šifrováním přenosu dat pomocí
HTTPS protokolu (ten zámeček, co je vedle naší URL adresy ;-)) a<br /> HTTPS protokolu (ten zámeček, co je vedle naší URL adresy ;-)) a<br />
zabezpečili vaše osobní údaje v souladu s čl. 32 GDPR. zabezpečili vaše osobní údaje v souladu s čl. 32 GDPR.
</p> </p>
<p> <p>
<strong>Vaše práva v souvislosti s ochranou osobních údajů:</strong> <strong>Vaše práva v souvislosti s ochranou osobních údajů:</strong>
</p> </p>
<p> <p>
V souvislosti s ochranou osobních údajů máte řadu práv. Pokud budete V souvislosti s ochranou osobních údajů máte řadu práv. Pokud budete
chtít některého z těchto práv využít, prosím, kontaktujte nás chtít některého z těchto práv využít, prosím, kontaktujte nás
prostřednictvím e-mailu: lukas.kanka@lukan.cz prostřednictvím e-mailu: lukas.kanka@lukan.cz
</p> </p>
<p>Máte právo na informace, které si právě teď čtete. 🙂</p> <p>Máte právo na informace, které si právě teď čtete. 🙂</p>
<p> <p>
Díky právu na přístup nás můžete kdykoli vyzvat a my vám do 30 dnů Díky právu na přístup nás můžete kdykoli vyzvat a my vám do 30 dnů
doložíme, jaké vaše osobní údaje zpracováváme a proč. Pokud se u vás doložíme, jaké vaše osobní údaje zpracováváme a proč. Pokud se u vás
něco změní nebo shledáte své osobní údaje neaktuální nebo<br /> něco změní nebo shledáte své osobní údaje neaktuální nebo<br />
neúplné, máte právo na doplnění a změnu osobních údajů. neúplné, máte právo na doplnění a změnu osobních údajů.
</p> </p>
<p> <p>
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>
<p> <p>
Vaším dalším právem je právo na výmaz (být zapomenut). Nechceme na vás Vaším dalším právem je právo na výmaz (být zapomenut). Nechceme na vás
zapomenout, ale pokud si to budete přát, máte na to právo. 😞 V zapomenout, ale pokud si to budete přát, máte na to právo. 😞 V
takovém případě vymažeme veškeré vaše osobní údaje ze svého<br /> takovém případě vymažeme veškeré vaše osobní údaje ze svého<br />
systému i ze systému všech dílčích zpracovatelů a záloh. Na zajištění systému i ze systému všech dílčích zpracovatelů a záloh. Na zajištění
práva na výmaz potřebujeme 30 dní. práva na výmaz potřebujeme 30 dní.
</p> </p>
<p><strong>Stížnost u Úřadu na ochranu osobních údajů</strong></p> <p><strong>Stížnost u Úřadu na ochranu osobních údajů</strong></p>
<p> <p>
Pokud máte pocit, že s vašimi údaji nezacházíme v souladu se zákonem, Pokud máte pocit, že s vašimi údaji nezacházíme v souladu se zákonem,
máte právo se se svou stížností kdykoli obrátit na Úřad pro ochranu máte právo se se svou stížností kdykoli obrátit na Úřad pro ochranu
osobních údajů. Budeme moc rádi, pokud nejprve budete o tomto<br /> osobních údajů. Budeme moc rádi, pokud nejprve budete o tomto<br />
podezření informovat nás, abychom s tím mohli něco udělat a případné podezření informovat nás, abychom s tím mohli něco udělat a případné
pochybení napravit. pochybení napravit.
</p> </p>
<p><strong>Mlčenlivost:</strong></p> <p><strong>Mlčenlivost:</strong></p>
<p> <p>
Jsme povinni zachovávat mlčenlivost o osobních údajích a o Jsme povinni zachovávat mlčenlivost o osobních údajích a o
bezpečnostních opatřeních, jejichž zveřejnění by ohrozilo zabezpečení bezpečnostních opatřeních, jejichž zveřejnění by ohrozilo zabezpečení
vašich osobních údajů. Tato mlčenlivost přitom trvá i po skončení<br /> vašich osobních údajů. Tato mlčenlivost přitom trvá i po skončení<br />
závazkových vztahů s námi. Bez vašeho souhlasu také vaše údaje žádné závazkových vztahů s námi. Bez vašeho souhlasu také vaše údaje žádné
jiné třetí straně nevydáme. jiné třetí straně nevydáme.
</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>
<caption>Nejdůležitější články:</caption> Nejdůležitější články:
<tr> </caption>
<th> <tr>
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované <th class="not-dot">
testování</a> <li>
</li> <a
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k class="button"
Playwright</a></li> href="articles/co-je-automatizovane-testovani.html"
</th> >Co je automatizované testování</a
</tr> >
</table> </li>
</div> <li>
<a
class="button"
href="articles/otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a
>
</li>
</th>
</tr>
</table>
</div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html> </html>

View File

@ -1,87 +1,113 @@
<!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">
</li> <a class="button" href="/podpora.html">Podpora</a>
</ul> </li>
</center> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
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"
</li> >Automatizované testování</a
<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> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
</li> <li>
<li> <a class="button" href="/penetracni-testovani.html"
<a class="button" href="/testing-obecne.html">Testing obečně</a> >Penetrační testování</a
</li> >
<li> </li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <li>
</li> <a class="button" href="/testing-obecne.html">Testing obečně</a>
<li> </li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <li>
</li> <a class="button" href="/testovani-mobilnich-aplikaci.html"
<li> >Testování mobilních aplikací</a
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> >
</li> </li>
</th> <li>
</tr> <a class="button" href="/testovani-pristupnosti.html"
</table> >Testování přístupnosti</a
</div> >
</li>
<li>
<a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a
>
</li>
</th>
</tr>
</table>
</div>
<div class="content"> <div class="content">
<p class="big-text">Text</p> <p class="big-text">Text</p>
<p>Text</p> <p>Text</p>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>
<tr> Nejdůležitější články:
<th> </caption>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <tr>
testování</a> <th class="not-dot">
</li> <li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <a class="button" href="co-je-automatizovane-testovani.html"
Playwright</a></li> >Co je automatizované testování</a
</th> >
</tr> </li>
</table> <li>
</div> <a class="button" href="otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a
>
</li>
</th>
</tr>
</table>
</div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html> </html>

View File

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