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

View File

@ -1,116 +1,129 @@
<!DOCTYPE html>
<html lang="cz">
<head>
<head>
<meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Co je automatizované testování" name="keywords" />
<meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8" />
<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 - Cypress nastavení psaní kódu v
Typescript</title>
</head>
<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 nastavení psaní kódu v Typescript</title>
</head>
<body>
<body>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2>
<hr />
<div class="menu">
<center>
<ul>
<li class="menu-item">
<a class="button" href="/index.html">Domů</a>
</li>
<li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li>
</ul>
</center>
<center>
<ul>
<li class="menu-item">
<a class="button" href="/index.html">Domů</a>
</li>
<li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div>
<hr />
<div class="flexbox">
<div class="navigation">
<table>
<caption>
Rubriky:
</caption>
<tr>
<th>
<li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a>
</li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a>
</li>
<li>
<a class="button" href="/testing-obecne.html">Testing obečně</a>
</li>
<li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a>
</li>
<li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a>
</li>
<li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a>
</li>
</th>
</tr>
</table>
</div>
<div class="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">Cypress nastavení psaní kódu v
Typescript</p>
<p>Pokud chceme test psát v TypeScript je třeba vytvořit soubor:</p>
<p>tsconfig.json</p>
<p>Do tohoto souboru vložíme následující kód:</p>
<div class="code-box">
<p>{</p>
<p>"compilerOptions": {</p>
<p>"target": "es5",</p>
<p>"lib": ["es5", "dom"],</p>
<p>"types": ["cypress", "node"],</p>
<p>"baseUrl": "./"</p>
<p>},</p>
<p>"include": [</p>
<p>"**/*.ts"</p>
<p>]</p>
<p>}</p>
</div>
<div class="content">
<p class="big-text">Cypress nastavení psaní kódu v Typescript</p>
<p>Pokud chceme test psát v TypeScript je třeba vytvořit soubor:</p>
<p>tsconfig.json</p>
<p>Do tohoto souboru vložíme následující kód:</p>
<div class="code-box">
<p>{</p>
<p>"compilerOptions": {</p>
<p>"target": "es5",</p>
<p>"lib": ["es5", "dom"],</p>
<p>"types": ["cypress", "node"],</p>
<p>"baseUrl": "./"</p>
<p>},</p>
<p>"include": [</p>
<p>"**/*.ts"</p>
<p>]</p>
<p>}</p>
</div>
</div>
<div class="articles">
<table>
<caption>
Nejdůležitější články:
</caption>
<tr>
<th>
<li>
<a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li>
<a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a>
</li>
</th>
</tr>
</table>
</div>
<div 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>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html>

View File

@ -1,109 +1,124 @@
<!DOCTYPE html>
<html lang="cz">
<head>
<head>
<meta name="description" content="Dokumentace pro všechny testery" />
<meta name="keywords" content="Cypres, Automatizované testování" />
<meta name="author" content="Lukáš Kaňka" />
<meta charset="UTF-8" />
<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" />
<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>
</head>
</head>
<body>
<body>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2>
<hr />
<div class="menu">
<center>
<ul>
<li class="menu-item">
<a class="button" href="/index.html">Domů</a>
</li>
<li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li>
</ul>
</center>
<center>
<ul>
<li class="menu-item">
<a class="button" href="/index.html">Domů</a>
</li>
<li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div>
<hr />
<div class="flexbox">
<div class="navigation">
<table>
<caption>
Rubriky:
</caption>
<tr>
<th>
<li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a>
</li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a>
</li>
<li>
<a class="button" href="/testing-obecne.html">Testing obečně</a>
</li>
<li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a>
</li>
<li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a>
</li>
<li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a>
</li>
</th>
</tr>
</table>
</div>
<div class="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">Cypress seznámení</p>
<p>
Cypress stáhneš zde:
<a class="button" href="https://www.cypress.io/ ">Cypress.io</a>
</p>
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,
což umožňujeefektivní testování interakce uživatele s webovou aplikací.
Cypress nabízíjednoduché API pro psaní testů v JavaScriptu nebo
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é
rychlosti a spolehlivosti.
</div>
<div class="content">
<p class="big-text">Cypress seznámení</p>
<p>
Cypress stáhneš zde:
<a class="button" href="https://www.cypress.io/ ">Cypress.io</a>
</p>
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,
což umožňujeefektivní testování interakce uživatele s webovou aplikací.
Cypress nabízíjednoduché API pro psaní testů v JavaScriptu nebo
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é
rychlosti a spolehlivosti.
</div>
<div class="articles">
<table>
<caption>
Nejdůležitější články:
</caption>
<tr>
<th>
<li>
<a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li>
<a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a>
</li>
</th>
</tr>
</table>
</div>
<div class="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>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html>

View File

@ -1,168 +1,202 @@
<!DOCTYPE html>
<html lang="cz">
<head>
<head>
<meta content="Dokumentace pro všechny testery" name="description" />
<meta content="MSTest, Nunit, C#" name="keywords" />
<meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8">
<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" />
<meta charset="UTF-8" />
<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 - MStest založení projektu</title>
</head>
</head>
<body>
<body>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2>
<hr>
<hr />
<div class="menu">
<center>
<ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li>
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li>
<li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li>
</ul>
</center>
<center>
<ul>
<li class="menu-item">
<a class="button" href="/index.html">Domů</a>
</li>
<li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div>
<hr>
<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 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">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 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>
<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>
<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>
<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>
<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 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>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html>

View File

@ -1,96 +1,123 @@
<!DOCTYPE html>
<html lang="cz">
<head>
<head>
<meta content="Dokumentace pro všechny testery" name="description" />
<meta content="automatizované testování, MSTest" name="keywords" />
<meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8">
<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" />
<meta charset="UTF-8" />
<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 - MSTest</title>
</head>
</head>
<body>
<body>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2>
<hr>
<hr />
<div class="menu">
<center>
<ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li>
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li>
<li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li>
</ul>
</center>
<center>
<ul>
<li class="menu-item">
<a class="button" href="/index.html">Domů</a>
</li>
<li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div>
<hr>
<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 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">MSTest</p>
<p>MSTest je framework pro testování softwaru, který je součástí platformy .NETa pochází od společnosti
Microsoft. Pomocí MSTestu lze psát a spouštětautomatizované testy pro ověření funkcionality a správnosti
kódu. MSTestposkytuje sadu funkcí a nástrojů pro vytváření a organizaci testovacíchpřípadů, jejich
spouštění
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
vlastností, a
ověřit jejichočekávané chování. MSTest lze použít jak v prostředí Visual Studio, tak i vprostředí Visual
Studio Code.</p>
</div>
<div class="articles">
<table>
<caption>Nejdůležitější články:</caption>
<tr>
<th>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>
</div>
<div class="content">
<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 Microsoft. Pomocí MSTestu lze
psát a spouštětautomatizované testy pro ověření funkcionality a
správnosti kódu. MSTestposkytuje sadu funkcí a nástrojů pro vytváření
a organizaci testovacíchpřípadů, jejich spouštění 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 vlastností, a ověřit jejichočekávané chování. MSTest lze
použít jak v prostředí Visual Studio, tak i vprostředí Visual Studio
Code.
</p>
</div>
<div 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>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html>

View File

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

View File

@ -1,142 +1,191 @@
<!DOCTYPE html>
<html lang="cz">
<head>
<head>
<meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Co je automatizované testování" name="keywords" />
<meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8">
<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" />
<meta charset="UTF-8" />
<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 - Nunit založení projektu</title>
</head>
</head>
<body>
<body>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2>
<hr>
<hr />
<div class="menu">
<center>
<ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li>
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li>
<li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li>
</ul>
</center>
<center>
<ul>
<li class="menu-item">
<a class="button" href="/index.html">Domů</a>
</li>
<li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div>
<hr>
<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 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">
<!-- 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 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>
<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>
<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>
<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>
<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 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>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html>

View File

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

View File

@ -1,111 +1,139 @@
<!DOCTYPE html>
<html lang="cz">
<head>
<head>
<meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Nuget, C#, automatizované testování" name="keywords" />
<meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8">
<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" />
<meta charset="UTF-8" />
<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 - NuGet balíčkovací systém</title>
</head>
</head>
<body>
<body>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2>
<hr>
<hr />
<div class="menu">
<center>
<ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li>
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li>
<li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li>
</ul>
</center>
<center>
<ul>
<li class="menu-item">
<a class="button" href="/index.html">Domů</a>
</li>
<li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div>
<hr>
<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 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">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
balíčků a závislostí v projektech .NET.
Pomocí
NuGet můžete snadno přidávat knihovny a nástroje do vašeho projektu azajišťovat, že jsou vždy aktuální.
</p>
<p>
V kontextu logování a spouštění testů v .NET je NuGet často používán prosprávu testovacích frameworků,
jako jsou MSTest, NUnit, xUnit, a další.Pomocí NuGet můžete snadno stáhnout a nainstalovat tyto
frameworky dovašeho projektu a používat je k psaní a spouštění testů. Toto je užitečné proautomatizované
testování vašeho kódu a zajištění jeho správné funkčnosti.
</p>
<p>
NuGet také umožňuje správu závislostí a aktualizaci balíčků ve vašemprojektu. Pokud váš projekt závisí
na dalších knihovnách a nástrojích, NuGetvám umožní jednoduše je spravovat a aktualizovat na nejnovější
verze.
</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 class="content">
<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 balíčků a závislostí v projektech
.NET. Pomocí NuGet můžete snadno přidávat knihovny a nástroje do
vašeho projektu azajišťovat, že jsou vždy aktuální.
</p>
<p>
V kontextu logování a spouštění testů v .NET je NuGet často používán
prosprávu testovacích frameworků, jako jsou MSTest, NUnit, xUnit, a
další.Pomocí NuGet můžete snadno stáhnout a nainstalovat tyto
frameworky dovašeho projektu a používat je k psaní a spouštění testů.
Toto je užitečné proautomatizované testování vašeho kódu a zajištění
jeho správné funkčnosti.
</p>
<p>
NuGet také umožňuje správu závislostí a aktualizaci balíčků ve
vašemprojektu. Pokud váš projekt závisí na dalších knihovnách a
nástrojích, NuGetvám umožní jednoduše je spravovat a aktualizovat na
nejnovější verze.
</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:</caption>
<tr>
<th>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>
</div>
<div class="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>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html>

View File

@ -1,102 +1,128 @@
<!DOCTYPE html>
<html lang="cz">
<head>
<head>
<meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Nunit, Automatizované testování, C#" name="keywords" />
<meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8">
<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" />
<meta charset="UTF-8" />
<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 - Nunit seznámení</title>
</head>
</head>
<body>
<body>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2>
<hr>
<hr />
<div class="menu">
<center>
<ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li>
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li>
<li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li>
</ul>
</center>
<center>
<ul>
<li class="menu-item">
<a class="button" href="/index.html">Domů</a>
</li>
<li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div>
<hr>
<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 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">Nunit seznámení</p>
<p>
NUnit je framework pro jednotkové testování v jazyce C#. Používá se k psaní aspouštění testů, které
ověřují
správnost funkcionality jednotlivých částí kódu.NUnit poskytuje sadu metod a atributů, které usnadňují
psaní
a spouštěnítestů a zajišťují jejich správné vykonávání. Tento framework je často používánve spojení s
dalšími knihovnami a nástroji, jako je například Selenium proautomatizované testování webových aplikací.
</p>
<p>
NUnit veškerou dokumentaci najdeš na oficiálním webu: <a class="button" target="_blank"
href="https://nunit.org/">Nunit.org</a>
</p>
</div>
<div class="articles">
<table>
<caption>Nejdůležitější články:</caption>
<tr>
<th>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>
</div>
<div class="content">
<p class="big-text">Nunit seznámení</p>
<p>
NUnit je framework pro jednotkové testování v jazyce C#. Používá se k
psaní aspouštění testů, které ověřují správnost funkcionality
jednotlivých částí kódu.NUnit poskytuje sadu metod a atributů, které
usnadňují psaní a spouštěnítestů a zajišťují jejich správné
vykonávání. Tento framework je často používánve spojení s dalšími
knihovnami a nástroji, jako je například Selenium proautomatizované
testování webových aplikací.
</p>
<p>
NUnit veškerou dokumentaci najdeš na oficiálním webu:
<a class="button" target="_blank" href="https://nunit.org/"
>Nunit.org</a
>
</p>
</div>
<div class="articles">
<table>
<caption>
Nejdůležitější články:
</caption>
<tr>
<th 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>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html>

View File

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

View File

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

View File

@ -1,124 +1,151 @@
<!DOCTYPE html>
<html lang="cz">
<head>
<head>
<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 charset="UTF-8">
<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 - Rychlí způsob instalace Playwright v
VSCode</title>
</head>
<meta charset="UTF-8" />
<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 - Rychlí způsob instalace Playwright v VSCode</title>
</head>
<body>
<body>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2>
<hr>
<hr />
<div class="menu">
<center>
<ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li>
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li>
<li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li>
</ul>
</center>
<center>
<ul>
<li class="menu-item">
<a class="button" href="/index.html">Domů</a>
</li>
<li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div>
<hr>
<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 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">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 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>
<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>
<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>
<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>
<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>
<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>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html>

View File

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

View File

@ -1,108 +1,138 @@
<!DOCTYPE html>
<html lang="cz">
<head>
<head>
<meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Playwright, Automatizované testování" name="keywords" />
<meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8">
<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" />
<meta charset="UTF-8" />
<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 komplet souhrn</title>
</head>
</head>
<body>
<body>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2>
<hr>
<hr />
<div class="menu">
<center>
<ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li>
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li>
<li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li>
</ul>
</center>
<center>
<ul>
<li class="menu-item">
<a class="button" href="/index.html">Domů</a>
</li>
<li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div>
<hr>
<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 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 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 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>
<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>
<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 class="articles">
<table>
<caption>Nejdůležitější články:</caption>
<tr>
<th>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>
</div>
<div class="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>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html>

View File

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

View File

@ -1,118 +1,139 @@
<!DOCTYPE html>
<html lang="cz">
<head>
<head>
<meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Playwright, Automatizované testovaní" name="keywords" />
<meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8">
<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" />
<meta charset="UTF-8" />
<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 první test</title>
</head>
</head>
<body>
<body>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2>
<hr>
<hr />
<div class="menu">
<center>
<ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li>
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li>
<li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li>
</ul>
</center>
<center>
<ul>
<li class="menu-item">
<a class="button" href="/index.html">Domů</a>
</li>
<li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div>
<hr>
<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 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 první test</p>
<p>Základní a jednoduchý test na webu Google</p>
<div class="code-box">
<p>import { test, expect } from '@playwright/test';</p>
<p>import { chromium } from '@playwright/test';</p>
<p>( async () => {</p>
<p>const browser = await chromium.launch();</p>
<p>const context = await browser.newContext();</p>
<p>const page = await context.newPage();</p>
<p>await page.goto('
<https: //google.com>');
</p>
<p>// Odsouhlasí cookies</p>
<p>await page.click('#L2AGLb');</p>
<p>// Klikněte na pole pro vyhledávání.</p>
<p>const searchInput = await page.$('[name="q"]');</p>
<p>await searchInput?.type('test');</p>
<p>// Potvrdíme vyhledávání stisknutím klávesy Enter</p>
<p>await searchInput?.press('Enter');</p>
<p>await page.waitForNavigation();</p>
<p>console.log('Search results page title:', await
page.title());</p>
<p>// Vypíše název stránky do konzole</p>
<p>const title = await page.title();</p>
<p>console.log(title);</p>
<p>// Zavře prohlížeč kde probíhal test</p>
<p>await browser.close();</p>
<p>});</p>
</div>
</div>
<div class="articles">
<table>
<caption>Nejdůležitější články:</caption>
<tr>
<th>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je
automatizované
testování</a>
</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>
<div class="content">
<p class="big-text">Playwright první test</p>
<p>Základní a jednoduchý test na webu Google</p>
<div class="code-box">
<p>import { test, expect } from '@playwright/test';</p>
<p>import { chromium } from '@playwright/test';</p>
<p>( async () => {</p>
<p>const browser = await chromium.launch();</p>
<p>const context = await browser.newContext();</p>
<p>const page = await context.newPage();</p>
<p>await page.goto(' <https: //google.com>');</p>
<p>// Odsouhlasí cookies</p>
<p>await page.click('#L2AGLb');</p>
<p>// Klikněte na pole pro vyhledávání.</p>
<p>const searchInput = await page.$('[name="q"]');</p>
<p>await searchInput?.type('test');</p>
<p>// Potvrdíme vyhledávání stisknutím klávesy Enter</p>
<p>await searchInput?.press('Enter');</p>
<p>await page.waitForNavigation();</p>
<p>console.log('Search results page title:', await page.title());</p>
<p>// Vypíše název stránky do konzole</p>
<p>const title = await page.title();</p>
<p>console.log(title);</p>
<p>// Zavře prohlížeč kde probíhal test</p>
<p>await browser.close();</p>
<p>});</p>
</div>
</div>
<div class="articles">
<table>
<caption>
Nejdůležitější články:
</caption>
<tr>
<th 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>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html>

View File

@ -1,92 +1,124 @@
<!DOCTYPE html>
<html lang="cz">
<head>
<head>
<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 charset="UTF-8">
<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" />
<meta charset="UTF-8" />
<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 - Reporty v Playwright</title>
</head>
</head>
<body>
<body>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2>
<hr>
<hr />
<div class="menu">
<center>
<ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li>
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li>
<li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li>
</ul>
</center>
<center>
<ul>
<li class="menu-item">
<a class="button" href="/index.html">Domů</a>
</li>
<li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div>
<hr>
<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 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">Reporty v Playwright</p>
<p>Playwright umožňuje generovat celou řadu reportů. Můžete si dokonce zkusit
napsat i svůj report využitím API metod, které Playwright poskytuje.
Podrobnosti si můžete přečíst v sekci <a class="link"
href="https://playwright.dev/docs/test-reporters">Guides
věnované reportům</a>.</p>
</div>
<div class="content">
<p class="big-text">Reporty v Playwright</p>
<p>
Playwright umožňuje generovat celou řadu reportů. Můžete si dokonce
zkusit napsat i svůj report využitím API metod, které Playwright
poskytuje. Podrobnosti si můžete přečíst v sekci
<a class="link" href="https://playwright.dev/docs/test-reporters"
>Guides věnované reportům</a
>.
</p>
</div>
<div class="articles">
<table>
<caption>Nejdůležitější články:</caption>
<tr>
<th>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>
</div>
<div 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>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html>

View File

@ -1,102 +1,131 @@
<!DOCTYPE html>
<html lang="cz">
<head>
<head>
<meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Playwright, Test, Ukázka" name="keywords" />
<meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8">
<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" />
<meta charset="UTF-8" />
<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 ukázka testu</title>
</head>
</head>
<body>
<body>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2>
<hr>
<hr />
<div class="menu">
<center>
<ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li>
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li>
<li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li>
</ul>
</center>
<center>
<ul>
<li class="menu-item">
<a class="button" href="/index.html">Domů</a>
</li>
<li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div>
<hr>
<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 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 ukázka testu</p>
<p>Do soboru na importujeme browser
</p>
<div class="code-box">
<p>import { chromium } from „@playwright/test“;</p>
</div>
<p>Zapíšeme Konstruktor který se vždy spustí na začátku testu</p>
<div class="code-box">
<p>(async () => {</p>
</div>
<p> V něm zpustíme browser a přiřadíme ho k příslušné proměnné pomocí
launch</p>
<p> Před každe volání proměnné použijeme await</p>
<div class="code-box">
<p> pomocí headless: false zobrazíme v testu prohlížeč</p>
</div>
<div class="content">
<p class="big-text">Playwright ukázka testu</p>
<p>Do soboru na importujeme browser</p>
<div class="code-box">
<p>import { chromium } from „@playwright/test“;</p>
</div>
<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>
<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 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>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html>

View File

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

View File

@ -1,113 +1,150 @@
<!DOCTYPE html>
<html lang="cz">
<head>
<head>
<meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Playwright, Automatizované testování" name="keywords" />
<meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8">
<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" />
<meta charset="UTF-8" />
<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 - Snímky obrazovky v Playwright</title>
</head>
</head>
<body>
<body>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2>
<hr>
<hr />
<div class="menu">
<center>
<ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li>
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li>
<li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li>
</ul>
</center>
<center>
<ul>
<li class="menu-item">
<a class="button" href="/index.html">Domů</a>
</li>
<li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div>
<hr>
<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 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">Snímky obrazovky v Playwright
</p>
<p>Je několik způsobů jak dělat snímky obrazovky během testů</p>
<p>Zde je rychlý způsob, jak zachytit snímek obrazovky a uložit jej do souboru:</p>
<div class="code-box">
<p>await page.screenshot({ path: 'screenshot.png' });</p>
</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 class="content">
<p class="big-text">Snímky obrazovky v Playwright</p>
<p>Je několik způsobů jak dělat snímky obrazovky během testů</p>
<p>
Zde je rychlý způsob, jak zachytit snímek obrazovky a uložit jej do
souboru:
</p>
<div class="code-box">
<p>await page.screenshot({ path: 'screenshot.png' });</p>
</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">
<table>
<caption>Nejdůležitější články:</caption>
<tr>
<th>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>
</div>
<div class="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>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html>

View File

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

View File

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

View File

@ -1,129 +1,155 @@
<!DOCTYPE html>
<html lang="cz">
<head>
<head>
<meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Hlavní strana" name="keywords" />
<meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8" />
<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" />
<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>
</head>
</head>
<body>
<body>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2>
<hr />
<div class="menu">
<center>
<ul>
<li class="menu-item">
<a class="button" href="index.html">Domů</a>
</li>
<li class="menu-item">
<a class="button" href="podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="privaci-polici.html">Zásady o ochraně osobních dat</a>
</li>
</ul>
</center>
<center>
<ul>
<li class="menu-item">
<a class="button navigace" href="index.html">Domů</a>
</li>
<li class="menu-item">
<a class="button navigace" href="podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button navigace" href="mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button navigace" href="privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div>
<hr />
<div class="flexbox">
<div class="navigation">
<!-- <div class="dropdown-content
<div class="navigation">
<!-- <div class="dropdown-content
"> -->
<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> -->
<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> -->
<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">
<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>
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="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 class="articles">
<table>
<caption>
Nejdůležitější články:
</caption>
<tr>
<th class="not-dot">
<li>
<a
class="button"
href="articles/co-je-automatizovane-testovani.html"
>Co je automatizované testování</a
>
</li>
<li>
<a
class="button"
href="articles/otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a
>
</li>
</th>
</tr>
</table>
</div>
</div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html>

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -1,87 +1,113 @@
<!DOCTYPE html>
<html lang="cz">
<head>
<head>
<meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Co je automatizované testování" name="keywords" />
<meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8">
<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" />
<meta charset="UTF-8" />
<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 - Co je automatizované testování</title>
</head>
</head>
<body>
<body>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2>
<hr>
<hr />
<div class="menu">
<center>
<ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li>
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li>
<li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li>
</ul>
</center>
<center>
<ul>
<li class="menu-item">
<a class="button" href="/index.html">Domů</a>
</li>
<li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div>
<hr>
<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 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">Text</p>
<p>Text</p>
</div>
<div class="articles">
<table>
<caption>Nejdůležitější články:</caption>
<tr>
<th>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>
</div>
<div class="content">
<p class="big-text">Text</p>
<p>Text</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>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html>

View File

@ -1,87 +1,117 @@
<!DOCTYPE html>
<html lang="cz">
<head>
<head>
<meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Hlavní strana" name="keywords" />
<meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8">
<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" />
<meta charset="UTF-8" />
<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 - Hlavní strana</title>
</head>
</head>
<body>
<body>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2>
<hr>
<hr />
<div class="menu">
<center>
<ul>
<li class="menu-item"><a class="button" href="index.html">Domů</a></li>
<li class="menu-item"><a class="button" href="podpora.html">Podpora</a></li>
<li class="menu-item"><a class="button" href="mapa-webu.html">Mapa webu</a></li>
<li class="menu-item"><a class="button" href="privaci-polici.html">Zásady o ochraně osobních dat</a>
</li>
</ul>
</center>
<center>
<ul>
<li class="menu-item">
<a class="button" href="index.html">Domů</a>
</li>
<li class="menu-item">
<a class="button" href="podpora.html">Podpora</a>
</li>
<li class="menu-item">
<a class="button" href="mapa-webu.html">Mapa webu</a>
</li>
<li class="menu-item">
<a class="button" href="privaci-polici.html"
>Zásady o ochraně osobních dat</a
>
</li>
</ul>
</center>
</div>
<hr>
<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 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">text .....</p>
<p>text........</p>
</div>
<div class="articles">
<table>
<caption>Nejdůležitější články:</caption>
<tr>
<th>
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>
</div>
<div class="content">
<p class="big-text">text .....</p>
<p>text........</p>
</div>
<div class="articles">
<table>
<caption>
Nejdůležitější články:
</caption>
<tr>
<th class="not-dot">
<li>
<a
class="button"
href="articles/co-je-automatizovane-testovani.html"
>Co je automatizované testování</a
>
</li>
<li>
<a
class="button"
href="articles/otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a
>
</li>
</th>
</tr>
</table>
</div>
</div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</body>
</html>

View File

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

View File

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

View File

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

View File

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

View File

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