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]

10
.idea/.gitignore vendored
View File

@ -1,5 +1,5 @@
# Default ignored files # Default ignored files
/shelf/ /shelf/
/workspace.xml /workspace.xml
# Editor-based HTTP Client requests # Editor-based HTTP Client requests
/httpRequests/ /httpRequests/

View File

@ -1,13 +1,13 @@
# Default ignored files # Default ignored files
/shelf/ /shelf/
/workspace.xml /workspace.xml
# Rider ignored files # Rider ignored files
/projectSettingsUpdater.xml /projectSettingsUpdater.xml
/modules.xml /modules.xml
/.idea.testing-docs.cz.iml /.idea.testing-docs.cz.iml
/contentModel.xml /contentModel.xml
# Editor-based HTTP Client requests # Editor-based HTTP Client requests
/httpRequests/ /httpRequests/
# Datasource local storage ignored files # Datasource local storage ignored files
/dataSources/ /dataSources/
/dataSources.local.xml /dataSources.local.xml

View File

@ -1,3 +1,3 @@
<component name="ProjectDictionaryState"> <component name="ProjectDictionaryState">
<dictionary name="lukas" /> <dictionary name="lukas" />
</component> </component>

View File

@ -1,8 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<project version="4"> <project version="4">
<component name="UserContentModel"> <component name="UserContentModel">
<attachedFolders /> <attachedFolders />
<explicitIncludes /> <explicitIncludes />
<explicitExcludes /> <explicitExcludes />
</component> </component>
</project> </project>

View File

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<project version="4"> <project version="4">
<component name="PrettierConfiguration"> <component name="PrettierConfiguration">
<option name="myConfigurationMode" value="AUTOMATIC" /> <option name="myConfigurationMode" value="AUTOMATIC" />
</component> </component>
</project> </project>

View File

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<project version="4"> <project version="4">
<component name="VcsDirectoryMappings"> <component name="VcsDirectoryMappings">
<mapping directory="" vcs="Git" /> <mapping directory="" vcs="Git" />
</component> </component>
</project> </project>

View File

@ -1,8 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<project version="4"> <project version="4">
<component name="ProjectModuleManager"> <component name="ProjectModuleManager">
<modules> <modules>
<module fileurl="file://$PROJECT_DIR$/.idea/testing-docs.cz.iml" filepath="$PROJECT_DIR$/.idea/testing-docs.cz.iml" /> <module fileurl="file://$PROJECT_DIR$/.idea/testing-docs.cz.iml" filepath="$PROJECT_DIR$/.idea/testing-docs.cz.iml" />
</modules> </modules>
</component> </component>
</project> </project>

View File

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<project version="4"> <project version="4">
<component name="PrettierConfiguration"> <component name="PrettierConfiguration">
<option name="myRunOnSave" value="true" /> <option name="myRunOnSave" value="true" />
</component> </component>
</project> </project>

View File

@ -1,12 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4"> <module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager"> <component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$"> <content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.tmp" /> <excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/temp" /> <excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" /> <excludeFolder url="file://$MODULE_DIR$/tmp" />
</content> </content>
<orderEntry type="inheritedJdk" /> <orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" /> <orderEntry type="sourceFolder" forTests="false" />
</component> </component>
</module> </module>

View File

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<project version="4"> <project version="4">
<component name="VcsDirectoryMappings"> <component name="VcsDirectoryMappings">
<mapping directory="" vcs="Git" /> <mapping directory="" vcs="Git" />
</component> </component>
</project> </project>

View File

@ -1,6 +1,6 @@
{ {
"ExpandedNodes": [ "ExpandedNodes": [
"" ""
], ],
"PreviewInSolutionExplorer": false "PreviewInSolutionExplorer": false
} }

View File

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

View File

@ -1,3 +1,3 @@
# testing-docs.cz # testing-docs.cz
Projekt [testing-docs.cz](https://testing-docs.cz/index.html) je wiki projekt pro každého testera. Projekt [testing-docs.cz](https://testing-docs.cz/index.html) je wiki projekt pro každého testera.

View File

@ -1,97 +1,97 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head> <head>
<meta name="description" content="Dokumentace pro všechny testery" /> <meta name="description" content="Dokumentace pro všechny testery" />
<meta name="keywords" content="Co je automatizované testování" /> <meta name="keywords" content="Co je automatizované testování" />
<meta name="author" content="Lukáš Kaňka" /> <meta name="author" content="Lukáš Kaňka" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/style.css"> <link rel="stylesheet" href="/style.css">
<link rel="shortcut icon" href="images/a picture of a text editor on a pc in the style of comics.jpg" /> <link rel="shortcut icon" href="images/a picture of a text editor on a pc in the style of comics.jpg" />
<title>Testing Docs - Co je automatizované testování</title> <title>Testing Docs - Co je automatizované testování</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li> <li class="menu-item"><a class="button" href="/index.html">Domů</a></li>
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li> <li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li> <li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li>
<li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a> <li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr>
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html">Automatizované testování</a>
</li> </li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <a class="button" href="/penetracni-testovani.html">Penetrační testování</a>
</li> </li>
<li> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a> <a class="button" href="/testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a>
</li> </li>
<li> <li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="/zatezove-testovani.html">Zátěžové testování</a>
</li> </li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
<div class="content"> <div class="content">
<p class="big-text">Co je automatizované testování</p> <p class="big-text">Co je automatizované testování</p>
<p>Automatizované testování je proces, kde se pro testování softwaru používajínástroje a skripty, které jsou <p>Automatizované testování je proces, kde se pro testování softwaru používajínástroje a skripty, které jsou
navrženy tak, aby automaticky provádělypředdefinované úkoly na softwarovém systému. Tento proces je navrženy tak, aby automaticky provádělypředdefinované úkoly na softwarovém systému. Tento proces je
obvyklepoužíván pro porovnání skutečného výsledku s očekávaným výsledkem.</p> obvyklepoužíván pro porovnání skutečného výsledku s očekávaným výsledkem.</p>
<p>Automatizované testování může zahrnovat různé typy testů, jako jsoujednotkové testy, integrační testy, <p>Automatizované testování může zahrnovat různé typy testů, jako jsoujednotkové testy, integrační testy,
funkční testy, systémové testy atd. Tentodruh testování pomáhá zkrátit čas potřebný pro ruční testování funkční testy, systémové testy atd. Tentodruh testování pomáhá zkrátit čas potřebný pro ruční testování
a zvyšujepřesnost.</p> a zvyšujepřesnost.</p>
<p>Automatizace umožňuje také opakovatelnost testů, což znamená, že stejnýscénář lze otestovat opakovaně bez <p>Automatizace umožňuje také opakovatelnost testů, což znamená, že stejnýscénář lze otestovat opakovaně bez
dodatečné práce. To je velmi užitečné dodatečné práce. To je velmi užitečné
Cookies settings Cookies settings
například při regresním testování kdy potřebujete ověřit, že nové změnynezpůsobily problémy v již například při regresním testování kdy potřebujete ověřit, že nové změnynezpůsobily problémy v již
otestovaných funkcích.</p> otestovaných funkcích.</p>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>Nejdůležitější články:</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a> testování</a>
</li> </li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li> Playwright</a></li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

View File

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

View File

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

View File

@ -1,168 +1,202 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head>
<head> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Dokumentace pro všechny testery" name="description" /> <meta content="MSTest, Nunit, C#" name="keywords" />
<meta content="MSTest, Nunit, C#" name="keywords" /> <meta content="Lukáš Kaňka" name="author" />
<meta content="Lukáš Kaňka" name="author" /> <meta charset="UTF-8" />
<meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <link href="/style.css" rel="stylesheet" />
<link href="/style.css" rel="stylesheet"> <link
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" /> href="images/a picture of a text editor on a pc in the style of comics.jpg"
<title>Testing Docs - MStest založení projektu</title> rel="shortcut icon"
</head> />
<title>Testing Docs - MStest založení projektu</title>
<body> </head>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <body>
<hr> <h1>Testing Docs CZ</h1>
<div class="menu"> <h2>Dokumentace pro všechny testery</h2>
<center> <hr />
<ul> <div class="menu">
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li> <center>
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li> <ul>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li> <li class="menu-item">
<li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a> <a class="button" href="/index.html">Domů</a>
</li> </li>
</ul> <li class="menu-item">
</center> <a class="button" href="/podpora.html">Podpora</a>
</div> </li>
<hr> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
<div class="flexbox"> </li>
<div class="navigation"> <li class="menu-item">
<table> <a class="button" href="/privaci-polici.html"
<caption> >Zásady o ochraně osobních dat</a
Rubriky: >
</caption> </li>
<tr> </ul>
<th> </center>
<li> </div>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <hr />
</li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <div class="flexbox">
<li> <div class="navigation">
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <table>
</li> <caption>
<li> Rubriky:
<a class="button" href="/testing-obecne.html">Testing obečně</a> </caption>
</li> <tr>
<li> <th class="not-dot">
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <li>
</li> <a class="button" href="/automatizovane-testovani.html"
<li> >Automatizované testování</a
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> >
</li> </li>
<li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <li>
</li> <a class="button" href="/penetracni-testovani.html"
</th> >Penetrační testování</a
</tr> >
</table> </li>
</div> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a>
<div class="content"> </li>
<p class="big-text">MStest založení projektu</p> <li>
<p class="strong-text">Nainstalovat do PC:</p> <a class="button" href="/testovani-mobilnich-aplikaci.html"
<div class="code-box"> >Testování mobilních aplikací</a
<ul class="not-dot"> >
<li>.NET 7.0 nebo 6.0 s dlouhou podporou</li> </li>
<li>Visual Studio Code</li> <li>
<li>nebo</li> <a class="button" href="/testovani-pristupnosti.html"
<li>Visual Studio 2022 pouze WIN a MacOS</li> >Testování přístupnosti</a
</ul> >
</div> </li>
<li>
<p class="strong-text">Potřebná rozšíření ve VS Code:</p> <a class="button" href="/zatezove-testovani.html"
<div class="code-box"> >Zátěžové testování</a
<ul class="not-dot"> >
<li>.NET Extension Pack</li> </li>
<li>C#</li> </th>
<li>Nuget Package Manager</li> </tr>
</ul> </table>
</div> </div>
<p class="strong-text">Postup v VSCode:</p> <div class="content">
<p>Založení nového projektu ve Visual Studio Code:</p> <p class="big-text">MStest založení projektu</p>
<div class="code-box"> <p class="strong-text">Nainstalovat do PC:</p>
<ul class="not-dot"> <div class="code-box">
<li>dotnet new mstest -n MyTestProject</li> <ul class="not-dot">
<li>dotnet add package Microsoft.NET.Test.Sdk</li> <li>.NET 7.0 nebo 6.0 s dlouhou podporou</li>
<li>dotnet add package MSTest.TestFramework</li> <li>Visual Studio Code</li>
</ul> <li>nebo</li>
</div> <li>Visual Studio 2022 pouze WIN a MacOS</li>
</ul>
<p class="strong-text">Stažení Selenia (stahne potřebý základ):</p> </div>
<p>V terminálu musíme do složky projektu co vytvořila dotnet new
mstest</p> <p class="strong-text">Potřebná rozšíření ve VS Code:</p>
<div class="code-box">
<div class="code-box"> <ul class="not-dot">
<ul class="not-dot"> <li>.NET Extension Pack</li>
<li>dotnet add package Selenium.WebDriver <li>C#</li>
</li> <li>Nuget Package Manager</li>
</ul> </ul>
</div> </div>
<p class="strong-text">Test se spustí:</p> <p class="strong-text">Postup v VSCode:</p>
<div class="code-box"> <p>Založení nového projektu ve Visual Studio Code:</p>
<ul class="not-dot"> <div class="code-box">
<li>dotnet test</li> <ul class="not-dot">
<li>nebo za pomocí</li> <li>dotnet new mstest -n MyTestProject</li>
<li>dotnet watch který sám automaticky sleduje změny v kódu a je schopný <li>dotnet add package Microsoft.NET.Test.Sdk</li>
spustit testy</li> <li>dotnet add package MSTest.TestFramework</li>
</ul> </ul>
</div> </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">Stažení Selenia (stahne potřebý základ):</p>
<p>
<p class="strong-text">Příklad testu:</p> V terminálu musíme do složky projektu co vytvořila dotnet new mstest
<div class="code-box"> </p>
<ul class="not-dot">
<li>using Microsoft.VisualStudio.TestTools.UnitTesting;</li> <div class="code-box">
<li>using OpenQA.Selenium;</li> <ul class="not-dot">
<li>using OpenQA.Selenium.Chrome;</li> <li>dotnet add package Selenium.WebDriver</li>
<li>namespace MyTestProject</li> </ul>
<li>{</li> </div>
<li>[TestClass]</li>
<li>public class UnitTest1</li> <p class="strong-text">Test se spustí:</p>
<li>{</li> <div class="code-box">
<li>[TestMethod]</li> <ul class="not-dot">
<li>public void TestMethod1()</li> <li>dotnet test</li>
<li>{</li> <li>nebo za pomocí</li>
<li>string expectedTitle = "O mně - Lukáš bloguje";</li> <li>
<li>string actualTitle = "";</li> dotnet watch který sám automaticky sleduje změny v kódu a je
<li>IWebDriver driver = new ChromeDriver();</li> schopný spustit testy
<li>driver.Navigate().GoToUrl("https://lukaskanka.cz/");</li> </li>
<li>IWebElement tlačítko = driver.FindElement(By.Id("xPath tlačítka"));</li> </ul>
<li>tlačítko.Click();</li> </div>
<li>expectedTitle = "O mně - Lukáš bloguje";</li> <p>
<li>actualTitle = driver.Title;</li> Tento návod funguje jak pod Linux (odzkoušené v distribucích
<li>Assert.AreEqual(expectedTitle, actualTitle, "Title does not match");</li> EndeavorOS,Ubuntu 22.04), MacOS, Windows 11.
<li>}</li> </p>
<li>}</li>
<li>}</li> <p class="strong-text">Příklad testu:</p>
</ul> <div class="code-box">
</div> <ul class="not-dot">
<li>using Microsoft.VisualStudio.TestTools.UnitTesting;</li>
<li>using OpenQA.Selenium;</li>
</div> <li>using OpenQA.Selenium.Chrome;</li>
<div class="articles"> <li>namespace MyTestProject</li>
<table> <li>{</li>
<caption>Nejdůležitější články:</caption> <li>[TestClass]</li>
<tr> <li>public class UnitTest1</li>
<th> <li>{</li>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <li>[TestMethod]</li>
testování</a> <li>public void TestMethod1()</li>
</li> <li>{</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <li>string expectedTitle = "O mně - Lukáš bloguje";</li>
Playwright</a></li> <li>string actualTitle = "";</li>
</th> <li>IWebDriver driver = new ChromeDriver();</li>
</tr> <li>driver.Navigate().GoToUrl("https://lukaskanka.cz/");</li>
</table> <li>
</div> IWebElement tlačítko = driver.FindElement(By.Id("xPath
</div> tlačítka"));
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> </li>
<li>tlačítko.Click();</li>
</body> <li>expectedTitle = "O mně - Lukáš bloguje";</li>
<li>actualTitle = driver.Title;</li>
</html> <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>
</html>

View File

@ -1,96 +1,123 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head>
<head> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Dokumentace pro všechny testery" name="description" /> <meta content="automatizované testování, MSTest" name="keywords" />
<meta content="automatizované testování, MSTest" name="keywords" /> <meta content="Lukáš Kaňka" name="author" />
<meta content="Lukáš Kaňka" name="author" /> <meta charset="UTF-8" />
<meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <link href="/style.css" rel="stylesheet" />
<link href="/style.css" rel="stylesheet"> <link
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" /> href="images/a picture of a text editor on a pc in the style of comics.jpg"
<title>Testing Docs - MSTest</title> rel="shortcut icon"
</head> />
<title>Testing Docs - MSTest</title>
<body> </head>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <body>
<hr> <h1>Testing Docs CZ</h1>
<div class="menu"> <h2>Dokumentace pro všechny testery</h2>
<center> <hr />
<ul> <div class="menu">
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li> <center>
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li> <ul>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li> <li class="menu-item">
<li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a> <a class="button" href="/index.html">Domů</a>
</li> </li>
</ul> <li class="menu-item">
</center> <a class="button" href="/podpora.html">Podpora</a>
</div> </li>
<hr> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
<div class="flexbox"> </li>
<div class="navigation"> <li class="menu-item">
<table> <a class="button" href="/privaci-polici.html"
<caption> >Zásady o ochraně osobních dat</a
Rubriky: >
</caption> </li>
<tr> </ul>
<th> </center>
<li> </div>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <hr />
</li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <div class="flexbox">
<li> <div class="navigation">
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <table>
</li> <caption>
<li> Rubriky:
<a class="button" href="/testing-obecne.html">Testing obečně</a> </caption>
</li> <tr>
<li> <th class="not-dot">
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <li>
</li> <a class="button" href="/automatizovane-testovani.html"
<li> >Automatizované testování</a
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> >
</li> </li>
<li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <li>
</li> <a class="button" href="/penetracni-testovani.html"
</th> >Penetrační testování</a
</tr> >
</table> </li>
</div> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a>
<div class="content"> </li>
<p class="big-text">MSTest</p> <li>
<p>MSTest je framework pro testování softwaru, který je součástí platformy .NETa pochází od společnosti <a class="button" href="/testovani-mobilnich-aplikaci.html"
Microsoft. Pomocí MSTestu lze psát a spouštětautomatizované testy pro ověření funkcionality a správnosti >Testování mobilních aplikací</a
kódu. MSTestposkytuje sadu funkcí a nástrojů pro vytváření a organizaci testovacíchpřípadů, jejich >
spouštění </li>
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 <li>
vlastností, a <a class="button" href="/testovani-pristupnosti.html"
ověřit jejichočekávané chování. MSTest lze použít jak v prostředí Visual Studio, tak i vprostředí Visual >Testování přístupnosti</a
Studio Code.</p> >
</li>
<li>
</div> <a class="button" href="/zatezove-testovani.html"
<div class="articles"> >Zátěžové testování</a
<table> >
<caption>Nejdůležitější články:</caption> </li>
<tr> </th>
<th> </tr>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované </table>
testování</a> </div>
</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <div class="content">
Playwright</a></li> <p class="big-text">MSTest</p>
</th> <p>
</tr> MSTest je framework pro testování softwaru, který je součástí
</table> platformy .NETa pochází od společnosti Microsoft. Pomocí MSTestu lze
</div> psát a spouštětautomatizované testy pro ověření funkcionality a
</div> správnosti kódu. MSTestposkytuje sadu funkcí a nástrojů pro vytváření
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> 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,
</body> 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
</html> 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>
</html>

View File

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

View File

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

View File

@ -1,153 +1,155 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description" /> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Co je automatizované testování" name="keywords" /> <meta content="Co je automatizované testování" name="keywords" />
<meta content="Lukáš Kaňka" name="author" /> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<link href="/style.css" rel="stylesheet" /> <link href="/style.css" rel="stylesheet" />
<link <link
href="images/a picture of a text editor on a pc in the style of comics.jpg" href="images/a picture of a text editor on a pc in the style of comics.jpg"
rel="shortcut icon" rel="shortcut icon"
/> />
<title>Testing Docs - Co je automatizované testování</title> <title>Testing Docs - Co je automatizované testování</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr /> <hr />
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/index.html">Domů</a> <a class="button" href="/index.html">Domů</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a> <a class="button" href="/podpora.html">Podpora</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a> <a class="button" href="/mapa-webu.html">Mapa webu</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/privaci-polici.html" <a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a >Zásady o ochraně osobních dat</a
> >
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr /> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html" <a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a >Automatizované testování</a
> >
</li> </li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="/penetracni-testovani.html" <a class="button" href="/penetracni-testovani.html"
>Penetrační testování</a >Penetrační testování</a
> >
</li> </li>
<li> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a> <a class="button" href="/testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-mobilnich-aplikaci.html" <a class="button" href="/testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a >Testování mobilních aplikací</a
> >
</li> </li>
<li> <li>
<a class="button" href="/testovani-pristupnosti.html" <a class="button" href="/testovani-pristupnosti.html"
>Testování přístupnosti</a >Testování přístupnosti</a
> >
</li> </li>
<li> <li>
<a class="button" href="/zatezove-testovani.html" <a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a >Zátěžové testování</a
> >
</li> </li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
<div class="content"> <div class="content">
<p class="big-text">Nuget logování a puštění testu</p> <p class="big-text">Nuget logování a puštění testu</p>
<p class="strong-text">Špouštěč testů do VS Code.</p> <p class="strong-text">Špouštěč testů do VS Code.</p>
<p class="strong-text">Pod Windows:</p> <p class="strong-text">Pod Windows:</p>
<p>Vytvoříme soubor bash.bat</p> <p>Vytvoříme soubor bash.bat</p>
<p>Do něj vložíme:</p> <p>Do něj vložíme:</p>
<div class="code-box"> <div class="code-box">
<ul> <ul>
<li> <li>
<@echo off dotnet test <@echo off dotnet test
logger:“html;LogFilePath=testresults.html;” /li> logger:“html;LogFilePath=testresults.html;” /li>
</li> </li>
</ul> </ul>
</div> </div>
<p class="strong-text">Pod Linux:</p> <p class="strong-text">Pod Linux:</p>
<p> <p>
Vytvořte nový textový soubor s příponou .sh. Do souboru vložte Vytvořte nový textový soubor s příponou .sh. Do souboru vložte
následujícípříkaz: následujícípříkaz:
</p> </p>
<div class="code-box"> <div class="code-box">
<ul> <ul>
<li>bash Copy code #!/bin/bash dotnet test-</li> <li>bash Copy code #!/bin/bash dotnet test-</li>
<li>logger:“html;LogFilePath=testresults.html”</li> <li>logger:“html;LogFilePath=testresults.html”</li>
</ul> </ul>
</div> </div>
<p>Uložte soubor a nastavte oprávněnípro spuštění (např. chmod +x <p>
název_souboru.sh). </p> Uložte soubor a nastavte oprávněnípro spuštění (např. chmod +x
název_souboru.sh).
<p>Tento soubor script bude spouštět testy a uloží </p>
výsledek do složky TestResultsv kořenovém adresáři v html. </p>
<p>
<p>Na spoštění Tento soubor script bude spouštět testy a uloží výsledek do složky
testů si můžeme stáhnout plugin Batch Runner. </p> TestResultsv kořenovém adresáři v html.
</p>
<p> Pak stačí kliknoutna bash
pravím tlačítkem a kliknout na Run Batch File. Tím spustíme test i <p>Na spoštění testů si můžeme stáhnout plugin Batch Runner.</p>
slogováním do html. Toto funguje pod MSTest, Nunit a xUnit. Další ze
způsobů logování je možné použít knihovnu Nlog. <p>
</p> 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,
</div> Nunit a xUnit. Další ze způsobů logování je možné použít knihovnu
<div class="articles"> Nlog.
<table> </p>
<caption> </div>
Nejdůležitější články: <div class="articles">
</caption> <table>
<tr> <caption>
<th> Nejdůležitější články:
<li> </caption>
<a class="button" href="co-je-automatizovane-testovani.html" <tr>
>Co je automatizované testování</a <th class="not-dot">
> <li>
</li> <a class="button" href="co-je-automatizovane-testovani.html"
<li> >Co je automatizované testování</a
<a class="button" href="otazky-a-odpovedi-playwright.html" >
>Otázky a odpovědí k Playwright</a </li>
> <li>
</li> <a class="button" href="otazky-a-odpovedi-playwright.html"
</th> >Otázky a odpovědí k Playwright</a
</tr> >
</table> </li>
</div> </th>
</div> </tr>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> </table>
</body> </div>
</html> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</html>

View File

@ -1,111 +1,139 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head>
<head> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Dokumentace pro všechny testery" name="description" /> <meta content="Nuget, C#, automatizované testování" name="keywords" />
<meta content="Nuget, C#, automatizované testování" name="keywords" /> <meta content="Lukáš Kaňka" name="author" />
<meta content="Lukáš Kaňka" name="author" /> <meta charset="UTF-8" />
<meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <link href="/style.css" rel="stylesheet" />
<link href="/style.css" rel="stylesheet"> <link
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" /> href="images/a picture of a text editor on a pc in the style of comics.jpg"
<title>Testing Docs - NuGet balíčkovací systém</title> rel="shortcut icon"
</head> />
<title>Testing Docs - NuGet balíčkovací systém</title>
<body> </head>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <body>
<hr> <h1>Testing Docs CZ</h1>
<div class="menu"> <h2>Dokumentace pro všechny testery</h2>
<center> <hr />
<ul> <div class="menu">
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li> <center>
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li> <ul>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li> <li class="menu-item">
<li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a> <a class="button" href="/index.html">Domů</a>
</li> </li>
</ul> <li class="menu-item">
</center> <a class="button" href="/podpora.html">Podpora</a>
</div> </li>
<hr> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a>
<div class="flexbox"> </li>
<div class="navigation"> <li class="menu-item">
<table> <a class="button" href="/privaci-polici.html"
<caption> >Zásady o ochraně osobních dat</a
Rubriky: >
</caption> </li>
<tr> </ul>
<th> </center>
<li> </div>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <hr />
</li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <div class="flexbox">
<li> <div class="navigation">
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <table>
</li> <caption>
<li> Rubriky:
<a class="button" href="/testing-obecne.html">Testing obečně</a> </caption>
</li> <tr>
<li> <th class="not-dot">
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <li>
</li> <a class="button" href="/automatizovane-testovani.html"
<li> >Automatizované testování</a
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> >
</li> </li>
<li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <li>
</li> <a class="button" href="/penetracni-testovani.html"
</th> >Penetrační testování</a
</tr> >
</table> </li>
</div> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a>
<div class="content"> </li>
<p class="big-text">NuGet balíčkovací systém</p> <li>
<p>NuGet je správce balíčků pro platformu .NET, který umožňuje snadnou instalaci, aktualizaci a správu <a class="button" href="/testovani-mobilnich-aplikaci.html"
balíčků a závislostí v projektech .NET. >Testování mobilních aplikací</a
Pomocí >
NuGet můžete snadno přidávat knihovny a nástroje do vašeho projektu azajišťovat, že jsou vždy aktuální. </li>
</p> <li>
<p> <a class="button" href="/testovani-pristupnosti.html"
V kontextu logování a spouštění testů v .NET je NuGet často používán prosprávu testovacích frameworků, >Testování přístupnosti</a
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é </li>
testování vašeho kódu a zajištění jeho správné funkčnosti. <li>
</p> <a class="button" href="/zatezove-testovani.html"
<p> >Zátěžové testování</a
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ší </li>
verze. </th>
</p> </tr>
<p> </table>
Celkově lze říci, že NuGet je důležitým nástrojem pro správu balíčků azávislostí v .NET projektech, a </div>
pro logování a spouštění testů v .NET.
</p> <div class="content">
<p><a class="link" href="https://www.nuget.org/">NuGet</a></p> <p class="big-text">NuGet balíčkovací systém</p>
<p>
</div> 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í.
<div class="articles"> </p>
<table> <p>
<caption>Nejdůležitější články:</caption> V kontextu logování a spouštění testů v .NET je NuGet často používán
<tr> prosprávu testovacích frameworků, jako jsou MSTest, NUnit, xUnit, a
<th> další.Pomocí NuGet můžete snadno stáhnout a nainstalovat tyto
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované frameworky dovašeho projektu a používat je k psaní a spouštění testů.
testování</a> Toto je užitečné proautomatizované testování vašeho kódu a zajištění
</li> jeho správné funkčnosti.
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k </p>
Playwright</a></li> <p>
</th> NuGet také umožňuje správu závislostí a aktualizaci balíčků ve
</tr> vašemprojektu. Pokud váš projekt závisí na dalších knihovnách a
</table> nástrojích, NuGetvám umožní jednoduše je spravovat a aktualizovat na
</div> nejnovější verze.
</div> </p>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <p>
Celkově lze říci, že NuGet je důležitým nástrojem pro správu balíčků
</body> azávislostí v .NET projektech, a pro logování a spouštění testů v
.NET.
</html> </p>
<p><a class="link" href="https://www.nuget.org/">NuGet</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>
</html>

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -1,134 +1,134 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description" /> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Playwright, Automatizované testování, Mocha reporter" name="keywords" /> <meta content="Playwright, Automatizované testování, Mocha reporter" name="keywords" />
<meta content="Lukáš Kaňka" name="author" /> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="/style.css" rel="stylesheet"> <link href="/style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" /> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Playwright Mocha Reporter</title> <title>Testing Docs - Playwright Mocha Reporter</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li> <li class="menu-item"><a class="button" href="/index.html">Domů</a></li>
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li> <li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li> <li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li>
<li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a> <li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr>
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="/automatizovane-testovani.html">Automatizované testování</a>
</li> </li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="/penetracni-testovani.html">Penetrační testování</a> <a class="button" href="/penetracni-testovani.html">Penetrační testování</a>
</li> </li>
<li> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a> <a class="button" href="/testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a>
</li> </li>
<li> <li>
<a class="button" href="/zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="/zatezove-testovani.html">Zátěžové testování</a>
</li> </li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
<div class="content"> <div class="content">
<p class="big-text">Playwright Mocha Reporter</p> <p class="big-text">Playwright Mocha Reporter</p>
<p>Mocha HTML reporter.</p> <p>Mocha HTML reporter.</p>
<p>Mocha-html-reporter je knihovna, která umožňuje generovat HTML reporty protesty napsané pomocí Mocha <p>Mocha-html-reporter je knihovna, která umožňuje generovat HTML reporty protesty napsané pomocí Mocha
frameworku (který lze použít i s Playwrightem).</p> frameworku (který lze použít i s Playwrightem).</p>
<p>Pro instalaci stačí spustit příkaz:</p> <p>Pro instalaci stačí spustit příkaz:</p>
<div class="code-box"> <div class="code-box">
<p>npm install mocha mocha-html-reporter --save-dev</p> <p>npm install mocha mocha-html-reporter --save-dev</p>
</div> </div>
<p>Poté je třeba upravit konfigurační soubor pro Mocha a přidat plugin progenerování HTML reportů:</p> <p>Poté je třeba upravit konfigurační soubor pro Mocha a přidat plugin progenerování HTML reportů:</p>
<div class="code-box"> <div class="code-box">
<p>const Mocha = require('mocha');</p> <p>const Mocha = require('mocha');</p>
<p>const mocha = new Mocha</p> <p>const mocha = new Mocha</p>
<p>({</p> <p>({</p>
<p>reporter: 'mocha-html-reporter',</p> <p>reporter: 'mocha-html-reporter',</p>
<p>reporterOptions: {</p> <p>reporterOptions: {</p>
<p>reportDir: './test-reports',</p> <p>reportDir: './test-reports',</p>
<p>reportName: 'test-report',</p> <p>reportName: 'test-report',</p>
<p>reportTitle: 'Test Report'</p> <p>reportTitle: 'Test Report'</p>
<p>}</p> <p>}</p>
<p>});</p> <p>});</p>
</div> </div>
<p>Poté je možné spustit testy pomocí Mocha a HTML, report se vygenerujeautomaticky. vložíme:</p> <p>Poté je možné spustit testy pomocí Mocha a HTML, report se vygenerujeautomaticky. vložíme:</p>
<div class="code-box"> <div class="code-box">
<p>// Vytvořte HTML soubor pro report</p> <p>// Vytvořte HTML soubor pro report</p>
<p>reportconst fs = require('fs');</p> <p>reportconst fs = require('fs');</p>
<p>const date = new Date().toISOString().substring(0, 19).replace('T', ' ');</p> <p>const date = new Date().toISOString().substring(0, 19).replace('T', ' ');</p>
<p>const reportFileName = `report-${date}.html`;</p> <p>const reportFileName = `report-${date}.html`;</p>
<p>const reportFile = fs.createWriteStream(reportFileName);</p> <p>const reportFile = fs.createWriteStream(reportFileName);</p>
<p>reportFile.write(' <p>reportFile.write('
<html> <html>
<https: //zive.cz> <https: //zive.cz>
<body>'); <body>');
</p> </p>
<p>reportFile.write(' <p>reportFile.write('
<h1>Example Report</h1>');</p> <h1>Example Report</h1>');</p>
<p>reportFile.write(` <p>reportFile.write(`
<p>Tested at ${date}</p>`);</p> <p>Tested at ${date}</p>`);</p>
<p>reportFile.write(' <p>reportFile.write('
</body> </body>
</html>');</p> </html>');</p>
<p>reportFile.end();</p> <p>reportFile.end();</p>
</div> </div>
<p>Výsledné reporty můžeme nastavit v mnoha parametrech než v této ukázcekódu. Toto je úplný základ. Více najdete v <p>Výsledné reporty můžeme nastavit v mnoha parametrech než v této ukázcekódu. Toto je úplný základ. Více najdete v
dokumentaci <a class="button" href="https://mochajs.org">Mocha.</a></p> dokumentaci <a class="button" href="https://mochajs.org">Mocha.</a></p>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>Nejdůležitější články:</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="co-je-automatizovane-testovani.html" target="_blank">Co je <li><a class="button" href="co-je-automatizovane-testovani.html" target="_blank">Co je
automatizované automatizované
testování</a> testování</a>
</li> </li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li> Playwright</a></li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -1,150 +1,150 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description" /> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="xUnit, automatizované testování, C#" name="keywords" /> <meta content="xUnit, automatizované testování, C#" name="keywords" />
<meta content="Lukáš Kaňka" name="author" /> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<link href="/style.css" rel="stylesheet" /> <link href="/style.css" rel="stylesheet" />
<link <link
href="images/a picture of a text editor on a pc in the style of comics.jpg" href="images/a picture of a text editor on a pc in the style of comics.jpg"
rel="shortcut icon" rel="shortcut icon"
/> />
<title>Testing Docs - xUnit založení projektu</title> <title>Testing Docs - xUnit založení projektu</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr /> <hr />
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/index.html">Domů</a> <a class="button" href="/index.html">Domů</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/podpora.html">Podpora</a> <a class="button" href="/podpora.html">Podpora</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/mapa-webu.html">Mapa webu</a> <a class="button" href="/mapa-webu.html">Mapa webu</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="/privaci-polici.html" <a class="button" href="/privaci-polici.html"
>Zásady o ochraně osobních dat</a >Zásady o ochraně osobních dat</a
> >
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr /> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="/automatizovane-testovani.html" <a class="button" href="/automatizovane-testovani.html"
>Automatizované testování</a >Automatizované testování</a
> >
</li> </li>
<li><a class="button" href="/nastroje.html">Nástroje</a></li> <li><a class="button" href="/nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="/penetracni-testovani.html" <a class="button" href="/penetracni-testovani.html"
>Penetrační testování</a >Penetrační testování</a
> >
</li> </li>
<li> <li>
<a class="button" href="/testing-obecne.html">Testing obečně</a> <a class="button" href="/testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="/testovani-mobilnich-aplikaci.html" <a class="button" href="/testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a >Testování mobilních aplikací</a
> >
</li> </li>
<li> <li>
<a class="button" href="/testovani-pristupnosti.html" <a class="button" href="/testovani-pristupnosti.html"
>Testování přístupnosti</a >Testování přístupnosti</a
> >
</li> </li>
<li> <li>
<a class="button" href="/zatezove-testovani.html" <a class="button" href="/zatezove-testovani.html"
>Zátěžové testování</a >Zátěžové testování</a
> >
</li> </li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
<div class="content"> <div class="content">
<p class="big-text">xUnit založení projektu</p> <p class="big-text">xUnit založení projektu</p>
<p class="strong-text">Nainstalovat do PC:</p> <p class="strong-text">Nainstalovat do PC:</p>
<div class="code-box"> <div class="code-box">
<ul class="not.dot"> <ul class="not.dot">
<li>.NET 7.0 nebo 6.0 s dlouhou podporou</li> <li>.NET 7.0 nebo 6.0 s dlouhou podporou</li>
<li>Visual Studio Code</li> <li>Visual Studio Code</li>
<li>nebo</li> <li>nebo</li>
<li>Visual Studio 2022 pouze WIN a MacOS</li> <li>Visual Studio 2022 pouze WIN a MacOS</li>
</ul> </ul>
</div> </div>
<p class="strong-text">Potřebná rozšíření:</p> <p class="strong-text">Potřebná rozšíření:</p>
<div class="code-box"> <div class="code-box">
<ul class="not.dot"> <ul class="not.dot">
<li>.NET Extension Pack</li> <li>.NET Extension Pack</li>
<li>C#</li> <li>C#</li>
<li>Nuget Package Manager</li> <li>Nuget Package Manager</li>
</ul> </ul>
</div> </div>
<p class="strong-text">Postup vs code:</p> <p class="strong-text">Postup vs code:</p>
<div class="code-box"> <div class="code-box">
<ul> <ul>
<li>dotnet new xunit vytvoří consolovou aplikaci dotnet</li> <li>dotnet new xunit vytvoří consolovou aplikaci dotnet</li>
<li> <li>
add package Selenium.WebDriver stahne knihovny selenium přejít add package Selenium.WebDriver stahne knihovny selenium přejít
dosložky projektu dosložky projektu
</li> </li>
</ul> </ul>
</div> </div>
<p> <p>
Tento návod funguje jak pod Linux (odzkoušené v distribucích Tento návod funguje jak pod Linux (odzkoušené v distribucích
EndeavorOS,Ubuntu 22.04), MacOS, Windows 11. EndeavorOS,Ubuntu 22.04), MacOS, Windows 11.
</p> </p>
<p> <p>
Z důvodu kompaktibility jseou je na GitHub pouze samotný kód testu. Z důvodu kompaktibility jseou je na GitHub pouze samotný kód testu.
Ostatnísoubory a složky se vytvoří po založení projektu. Ostatnísoubory a složky se vytvoří po založení projektu.
</p> </p>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption> <caption>
Nejdůležitější články: Nejdůležitější články:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="co-je-automatizovane-testovani.html" <a class="button" href="co-je-automatizovane-testovani.html"
>Co je automatizované testování</a >Co je automatizované testování</a
> >
</li> </li>
<li> <li>
<a class="button" href="otazky-a-odpovedi-playwright.html" <a class="button" href="otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a >Otázky a odpovědí k Playwright</a
> >
</li> </li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

View File

@ -1,118 +1,118 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description" /> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="automatizované testování, články, rady" name="keywords" /> <meta content="automatizované testování, články, rady" name="keywords" />
<meta content="Lukáš Kaňka" name="author" /> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="style.css" rel="stylesheet"> <link href="style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" /> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Automatizované testování</title> <title>Testing Docs - Automatizované testování</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="index.html">Domů</a></li> <li class="menu-item"><a class="button" href="index.html">Domů</a></li>
<li class="menu-item"><a class="button" href="podpora.html">Podpora</a></li> <li class="menu-item"><a class="button" href="podpora.html">Podpora</a></li>
<li class="menu-item"><a class="button" href="mapa-webu.html">Mapa webu</a></li> <li class="menu-item"><a class="button" href="mapa-webu.html">Mapa webu</a></li>
<li class="menu-item"><a class="button" href="privaci-polici.html">Zásady o ochraně osobních dat</a> <li class="menu-item"><a class="button" href="privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr>
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="automatizovane-testovani.html">Automatizované testování</a>
</li> </li>
<li><a class="button" href="nastroje.html">Nástroje</a></li> <li><a class="button" href="nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="penetracni-testovani.html">Penetrační testování</a> <a class="button" href="penetracni-testovani.html">Penetrační testování</a>
</li> </li>
<li> <li>
<a class="button" href="testing-obecne.html">Testing obečně</a> <a class="button" href="testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a>
</li> </li>
<li> <li>
<a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a>
</li> </li>
<li> <li>
<a class="button" href="zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="zatezove-testovani.html">Zátěžové testování</a>
</li> </li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
<div class="content"> <div class="content">
<p class="big-text">Automatizované testování</p> <p class="big-text">Automatizované testování</p>
<ul> <ul>
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované <li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
testování</a></li> testování</a></li>
<li><a class="button" href="articles/nastroje-k-testovani-mobilnich-aplikaci.html">Nástroje k testování <li><a class="button" href="articles/nastroje-k-testovani-mobilnich-aplikaci.html">Nástroje k testování
mobilních aplikací</a></li> mobilních aplikací</a></li>
<li><a class="button" href="articles/playwright-jak-zacit.html">Playwright jak začít</a></li> <li><a class="button" href="articles/playwright-jak-zacit.html">Playwright jak začít</a></li>
<li><a class="button" href="articles/playwright-prvni-test.html">Playwright první test</a></li> <li><a class="button" href="articles/playwright-prvni-test.html">Playwright první test</a></li>
<li><a class="button" href="articles/playwright-komplet-souhrn.html">Playwright komplet souhrn</a></li> <li><a class="button" href="articles/playwright-komplet-souhrn.html">Playwright komplet souhrn</a></li>
<li><a class="button" href="articles/playwright-mocha-reporter.html">Playwright Mocha reporter</a></li> <li><a class="button" href="articles/playwright-mocha-reporter.html">Playwright Mocha reporter</a></li>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědi k <li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědi k
Playwright</a></li> Playwright</a></li>
<li><a class="button" href="articles/playwright-dot-net.html">Playwright DotNet</a></li> <li><a class="button" href="articles/playwright-dot-net.html">Playwright DotNet</a></li>
<li><a class="button" href="articles/playwright-reporty.html">Reporty v Playwright</a></li> <li><a class="button" href="articles/playwright-reporty.html">Reporty v Playwright</a></li>
<li><a class="button" href="articles/playwright-instalace-vscode.html">Playwright instalace VSCode</a> <li><a class="button" href="articles/playwright-instalace-vscode.html">Playwright instalace VSCode</a>
</li> </li>
<li><a class="button" href="articles/snimky-obrazovky-v-playwright.html">Snímky obrazovky v <li><a class="button" href="articles/snimky-obrazovky-v-playwright.html">Snímky obrazovky v
Playwright</a> Playwright</a>
</li> </li>
<li><a class="button" href="articles/playwright-test-ukazka.html">Playwright ukázka testu</a></li> <li><a class="button" href="articles/playwright-test-ukazka.html">Playwright ukázka testu</a></li>
<li><a class="button" href="articles/playwright.html">Playwright seznámení</a< /li> <li><a class="button" href="articles/playwright.html">Playwright seznámení</a< /li>
<li><a class="button" href="articles/cypress-nastaveni-typescript.html">Cypress nastavení psaní kódu v <li><a class="button" href="articles/cypress-nastaveni-typescript.html">Cypress nastavení psaní kódu v
Typescript</a></li> Typescript</a></li>
<li><a class="button" href="articles/cypress.html">Cypress seznámení</a></li> <li><a class="button" href="articles/cypress.html">Cypress seznámení</a></li>
<li><a class="button" href="articles/net-nunit-zalozeni-projektu.html">Nunit založení projektu</a></li> <li><a class="button" href="articles/net-nunit-zalozeni-projektu.html">Nunit založení projektu</a></li>
<li><a class="button" href="articles/nunit.html">Nunit seznámení</a></li> <li><a class="button" href="articles/nunit.html">Nunit seznámení</a></li>
<li><a class="button" href="articles/mstest-zaklad.html">MStest založení projektu</a></li> <li><a class="button" href="articles/mstest-zaklad.html">MStest založení projektu</a></li>
<li><a class="button" href="articles/mstest.html">MSTest seznámení</a></li> <li><a class="button" href="articles/mstest.html">MSTest seznámení</a></li>
<li><a class="button" href="articles/xunit-zalozeni-projektu.html">xunit založení projektu</a></li> <li><a class="button" href="articles/xunit-zalozeni-projektu.html">xunit založení projektu</a></li>
<li><a class="button" href="articles/nuget.html">Nuget balíčkovací systém</a></li> <li><a class="button" href="articles/nuget.html">Nuget balíčkovací systém</a></li>
</ul> </ul>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>Nejdůležitější články:</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované <li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
testování</a></li> testování</a></li>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li> Playwright</a></li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

View File

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

View File

@ -1,88 +1,88 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description" /> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Mapa webu" name="keywords" /> <meta content="Mapa webu" name="keywords" />
<meta content="Lukáš Kaňka" name="author" /> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="style.css" rel="stylesheet"> <link href="style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" /> <link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Mapa webu</title> <title>Testing Docs - Mapa webu</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="index.html">Domů</a></li> <li class="menu-item"><a class="button" href="index.html">Domů</a></li>
<li class="menu-item"><a class="button" href="podpora.html">Podpora</a></li> <li class="menu-item"><a class="button" href="podpora.html">Podpora</a></li>
<li class="menu-item"><a class="button" href="mapa-webu.html">Mapa webu</a></li> <li class="menu-item"><a class="button" href="mapa-webu.html">Mapa webu</a></li>
<li class="menu-item"><a class="button" href="privaci-polici.html">Zásady o ochraně osobních dat</a> <li class="menu-item"><a class="button" href="privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr>
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="automatizovane-testovani.html">Automatizované testování</a> <a class="button" href="automatizovane-testovani.html">Automatizované testování</a>
</li> </li>
<li><a class="button" href="nastroje.html">Nástroje</a></li> <li><a class="button" href="nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="penetracni-testovani.html">Penetrační testování</a> <a class="button" href="penetracni-testovani.html">Penetrační testování</a>
</li> </li>
<li> <li>
<a class="button" href="testing-obecne.html">Testing obečně</a> <a class="button" href="testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a> <a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a>
</li> </li>
<li> <li>
<a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a> <a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a>
</li> </li>
<li> <li>
<a class="button" href="zatezove-testovani.html">Zátěžové testování</a> <a class="button" href="zatezove-testovani.html">Zátěžové testování</a>
</li> </li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
<div class="content"> <div class="content">
<p class="big-text">Mapa webu</p> <p class="big-text">Mapa webu</p>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>Nejdůležitější články:</caption>
<tr> <tr>
<th> <th class="not-dot">
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované <li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
testování</a> testování</a>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k <li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li> Playwright</a></li>
</li> </li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

View File

@ -1,98 +1,97 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description" /> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Nástroje" name="keywords" /> <meta content="Nástroje" name="keywords" />
<meta content="Lukáš Kaňka" name="author" /> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<link href="style.css" rel="stylesheet" /> <link href="style.css" rel="stylesheet" />
<link <link
href="images/a picture of a text editor on a pc in the style of comics.jpg" href="images/a picture of a text editor on a pc in the style of comics.jpg"
rel="shortcut icon" rel="shortcut icon"
/> />
<title>Testing Docs - Nástroje</title> <title>Testing Docs - Nástroje</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr /> <hr />
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="index.html">Domů</a> <a class="button" href="index.html">Domů</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="podpora.html">Podpora</a> <a class="button" href="podpora.html">Podpora</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="mapa-webu.html">Mapa webu</a> <a class="button" href="mapa-webu.html">Mapa webu</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="privaci-polici.html" <a class="button" href="privaci-polici.html"
>Zásady o ochraně osobních dat</a >Zásady o ochraně osobních dat</a
> >
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr /> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="automatizovane-testovani.html" <a class="button" href="automatizovane-testovani.html"
>Automatizované testování</a >Automatizované testování</a
> >
</li> </li>
<li><a class="button" href="nastroje.html">Nástroje</a></li> <li><a class="button" href="nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="penetracni-testovani.html" <a class="button" href="penetracni-testovani.html"
>Penetrační testování</a >Penetrační testování</a
> >
</li> </li>
<li> <li>
<a class="button" href="testing-obecne.html">Testing obečně</a> <a class="button" href="testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="testovani-mobilnich-aplikaci.html" <a class="button" href="testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a >Testování mobilních aplikací</a
> >
</li> </li>
<li> <li>
<a class="button" href="testovani-pristupnosti.html" <a class="button" href="testovani-pristupnosti.html"
>Testování přístupnosti</a >Testování přístupnosti</a
> >
</li> </li>
<li> <li>
<a class="button" href="zatezove-testovani.html" <a class="button" href="zatezove-testovani.html"
>Zátěžové testování</a >Zátěžové testování</a
> >
</li> </li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
<div class="content"> <div class="content">
<p class="big-text">text .....</p> <p class="big-text">text .....</p>
<p>text........</p> <p>text........</p>
<script> <script>
<!-- <!--
alert("omlouváme se, ale tato stránka ještě není hotová"); alert("omlouváme se, ale tato stránka ještě není hotová");
--> -->
</script> </script>
</div> </div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

View File

@ -1,125 +1,123 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description" /> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Penetrační testování" name="keywords" /> <meta content="Penetrační testování" name="keywords" />
<meta content="Lukáš Kaňka" name="author" /> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<link href="style.css" rel="stylesheet" /> <link href="style.css" rel="stylesheet" />
<link <link
href="images/a picture of a text editor on a pc in the style of comics.jpg" href="images/a picture of a text editor on a pc in the style of comics.jpg"
rel="shortcut icon" rel="shortcut icon"
/> />
<title>Testing Docs - Penetrační testování</title> <title>Testing Docs - Penetrační testování</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr /> <hr />
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="index.html">Domů</a> <a class="button" href="index.html">Domů</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="podpora.html">Podpora</a> <a class="button" href="podpora.html">Podpora</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="mapa-webu.html">Mapa webu</a> <a class="button" href="mapa-webu.html">Mapa webu</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="privaci-polici.html" <a class="button" href="privaci-polici.html"
>Zásady o ochraně osobních dat</a >Zásady o ochraně osobních dat</a
> >
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr /> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="automatizovane-testovani.html" <a class="button" href="automatizovane-testovani.html"
>Automatizované testování</a >Automatizované testování</a
> >
</li> </li>
<li><a class="button" href="nastroje.html">Nástroje</a></li> <li><a class="button" href="nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="penetracni-testovani.html" <a class="button" href="penetracni-testovani.html"
>Penetrační testování</a >Penetrační testování</a
> >
</li> </li>
<li> <li>
<a class="button" href="testing-obecne.html">Testing obečně</a> <a class="button" href="testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="testovani-mobilnich-aplikaci.html" <a class="button" href="testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a >Testování mobilních aplikací</a
> >
</li> </li>
<li> <li>
<a class="button" href="testovani-pristupnosti.html" <a class="button" href="testovani-pristupnosti.html"
>Testování přístupnosti</a >Testování přístupnosti</a
> >
</li> </li>
<li> <li>
<a class="button" href="zatezove-testovani.html" <a class="button" href="zatezove-testovani.html"
>Zátěžové testování</a >Zátěžové testování</a
> >
</li> </li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
<div class="content"> <div class="content">
<p class="big-text"></p> <p class="big-text"></p>
<p></p> <p></p>
<script> <script>
<!-- <!--
alert("omlouváme se, ale tato stránka ještě není hotová"); alert("omlouváme se, ale tato stránka ještě není hotová");
--> -->
</script> </script>
</div>
</div> <div class="articles">
<div class="articles"> <table>
<table> <caption>
<caption> Nejdůležitější články:
Nejdůležitější články: </caption>
</caption> <tr>
<tr> <th class="not-dot">
<th> <li>
<li> <a
<a class="button"
class="button" href="articles/co-je-automatizovane-testovani.html"
href="articles/co-je-automatizovane-testovani.html" >Co je automatizované testování</a
>Co je automatizované testování</a >
> </li>
</li> <li>
<li> <a
<a class="button"
class="button" href="articles/otazky-a-odpovedi-playwright.html"
href="articles/otazky-a-odpovedi-playwright.html" >Otázky a odpovědí k Playwright</a
>Otázky a odpovědí k Playwright</a >
> </li>
</li> </th>
</th> </tr>
</tr> </table>
</table> </div>
</div> </div>
</div> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> </body>
</body> </html>
</html>

View File

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

View File

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

View File

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

View File

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

316
style.css
View File

@ -1,151 +1,165 @@
:root { :root {
--special_black: rgb(11, 2, 2); --special_black: rgb(11, 2, 2);
--special_white: white; --special_white: white;
--special_grey: grey; --special_grey: grey;
--special_black_original: black; --special_black_original: black;
} }
/* Body */ nav {
body { display: flex;
background-color: var(--special_black); padding: 10px;
color: var(--special_white); gap: 2rem;
width: calc(100% - 32px); /* justify-content: center; */
max-width: 1200px; }
margin: auto;
} .menu {
display: flex;
@media screen and (max-width: 600px) { justify-content: center;
body { }
width: calc(100% - 16px);
} /* Body */
} body {
background-color: var(--special_black);
.menu-item { color: var(--special_white);
display: inline-block; width: calc(100% - 32px);
width: 200px; max-width: 1200px;
height: 20px; margin: auto;
/* position: static; }
text-align: center; */
} @media screen and (max-width: 600px) {
body {
@media screen and (max-width: 600px) { width: calc(100% - 16px);
.menu { }
text-align: center; }
}
} .menu-item {
display: inline-block;
.flexbox { width: 200px;
display: flex; height: 20px;
} /* position: static;
text-align: center; */
.navigation { }
flex: 1;
/* margin: 0px 0px 0px 50px; */ @media screen and (max-width: 600px) {
padding: 25px; .menu {
/* margin-top: 20px; */ text-align: center;
} }
}
.content {
flex: 3; .flexbox {
margin-bottom: 25px; display: flex;
} }
@media screen and (max-width: 600px) { .navigation {
/* Nastavení sloupcu na sloupce mobil */ flex: 1;
.flexbox { /* margin: 0px 0px 0px 50px; */
flex-direction: column; padding: 25px;
} /* margin-top: 20px; */
}
/* ˇPořadí zobrazení */
.navigation { .content {
order: -1; flex: 3;
/* flex-direction: column; */ margin-bottom: 25px;
align-self: center; }
}
@media screen and (max-width: 600px) {
/* škrývání */ /* Nastavení sloupcu na sloupce mobil */
/* .navigation:hover .dropdown-content { .flexbox {
display: block; flex-direction: column;
} */ }
/* roletka posuvník */ /* ˇPořadí zobrazení */
/* .dropdown-content { .navigation {
overflow: auto; */ order: -1;
/* max-height: 100px; or any other value */ align-self: center;
}
.content {
order: 1; /* škrývání */
flex-direction: column; /* .navigation:hover .dropdown-content {
padding: 15px; display: block;
} } */
}
/* roletka posuvník */
.articles { /* .dropdown-content {
margin: 0px 50px 0px 0px; overflow: auto; */
margin-top: 25px; /* max-height: 100px; or any other value */
}
.content {
/* Namobilu nezobrazí articles */ order: 1;
@media screen and (max-width: 600px) { padding: 15px;
.articles { }
display: none; }
}
} .articles {
margin: 0px 50px 0px 0px;
footer { margin-top: 25px;
position: fixed; }
bottom: 0;
} /* Namobilu nezobrazí articles */
@media screen and (max-width: 600px) {
.big-text { .articles {
font-size: 40px; display: none;
text-align: center; }
} }
h1 { footer {
font-family: cursive; position: fixed;
margin: 0px 0px 0px 30px; bottom: 0;
} }
h2 { .big-text {
font-family: cursive; font-size: 40px;
margin: 0px 0px 0px 30px; text-align: center;
} }
/*.link-white*/ h1 {
.button { font-family: cursive;
color: var(--special_white); margin: 0px 0px 0px 30px;
} }
td, h2 {
th { font-family: cursive;
border: 1px solid var(--special_white); margin: 0px 0px 0px 30px;
padding: 10px; }
}
/*.link-white*/
.code-box { .button-navigace {
border: 1px solid var(--special_white); color: var(--special_white);
padding: 10px; }
background-color: var(--special_grey);
font-family: monospace; td,
color: var(--special_black_original); th {
font-weight: bold; border: 1px solid var(--special_white);
border-radius: 8px; padding: 10px;
} }
.not-dot { .code-box {
list-style-type: none; border: 1px solid var(--special_white);
} padding: 10px;
background-color: var(--special_grey);
.link { font-family: monospace;
color: var(--special_white); color: var(--special_black_original);
/*cursor: unset;*/ font-weight: bold;
} border-radius: 8px;
}
.strong-text {
font-weight: bold; .not-dot {
} list-style-type: none;
}
.link-black {
color: var(--special_black_original); .link {
} color: var(--special_white);
/*cursor: unset;*/
}
.strong-text {
font-weight: bold;
}
.link-black {
color: var(--special_black_original);
}
.button {
color: var(--special_white);
}

View File

@ -1,124 +1,123 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description" /> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Testing obecně" name="keywords" /> <meta content="Testing obecně" name="keywords" />
<meta content="Lukáš Kaňka" name="author" /> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<link href="style.css" rel="stylesheet" /> <link href="style.css" rel="stylesheet" />
<link <link
href="images/a picture of a text editor on a pc in the style of comics.jpg" href="images/a picture of a text editor on a pc in the style of comics.jpg"
rel="shortcut icon" rel="shortcut icon"
/> />
<title>Testing Docs - Testing obecně</title> <title>Testing Docs - Testing obecně</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr /> <hr />
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="index.html">Domů</a> <a class="button" href="index.html">Domů</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="podpora.html">Podpora</a> <a class="button" href="podpora.html">Podpora</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="mapa-webu.html">Mapa webu</a> <a class="button" href="mapa-webu.html">Mapa webu</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="privaci-polici.html" <a class="button" href="privaci-polici.html"
>Zásady o ochraně osobních dat</a >Zásady o ochraně osobních dat</a
> >
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr /> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="automatizovane-testovani.html" <a class="button" href="automatizovane-testovani.html"
>Automatizované testování</a >Automatizované testování</a
> >
</li> </li>
<li><a class="button" href="nastroje.html">Nástroje</a></li> <li><a class="button" href="nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="penetracni-testovani.html" <a class="button" href="penetracni-testovani.html"
>Penetrační testování</a >Penetrační testování</a
> >
</li> </li>
<li> <li>
<a class="button" href="testing-obecne.html">Testing obečně</a> <a class="button" href="testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="testovani-mobilnich-aplikaci.html" <a class="button" href="testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a >Testování mobilních aplikací</a
> >
</li> </li>
<li> <li>
<a class="button" href="testovani-pristupnosti.html" <a class="button" href="testovani-pristupnosti.html"
>Testování přístupnosti</a >Testování přístupnosti</a
> >
</li> </li>
<li> <li>
<a class="button" href="zatezove-testovani.html" <a class="button" href="zatezove-testovani.html"
>Zátěžové testování</a >Zátěžové testování</a
> >
</li> </li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
<div class="content"> <div class="content">
<p class="big-text">text .....</p> <p class="big-text">text .....</p>
<p>text........</p> <p>text........</p>
<script> <script>
<!-- <!--
alert("omlouváme se, ale tato stránka ještě není hotová"); alert("omlouváme se, ale tato stránka ještě není hotová");
--> -->
</script> </script>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption> <caption>
Nejdůležitější články: Nejdůležitější články:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a <a
class="button" class="button"
href="articles/co-je-automatizovane-testovani.html" href="articles/co-je-automatizovane-testovani.html"
>Co je automatizované testování</a >Co je automatizované testování</a
> >
</li> </li>
<li> <li>
<a <a
class="button" class="button"
href="articles/otazky-a-odpovedi-playwright.html" href="articles/otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a >Otázky a odpovědí k Playwright</a
> >
</li> </li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

View File

@ -1,124 +1,123 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description" /> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Testování mobilních aplikací" name="keywords" /> <meta content="Testování mobilních aplikací" name="keywords" />
<meta content="Lukáš Kaňka" name="author" /> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<link href="style.css" rel="stylesheet" /> <link href="style.css" rel="stylesheet" />
<link <link
href="images/a picture of a text editor on a pc in the style of comics.jpg" href="images/a picture of a text editor on a pc in the style of comics.jpg"
rel="shortcut icon" rel="shortcut icon"
/> />
<title>Testing Docs - Testování mobilních aplikací</title> <title>Testing Docs - Testování mobilních aplikací</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr /> <hr />
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="index.html">Domů</a> <a class="button" href="index.html">Domů</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="podpora.html">Podpora</a> <a class="button" href="podpora.html">Podpora</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="mapa-webu.html">Mapa webu</a> <a class="button" href="mapa-webu.html">Mapa webu</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="privaci-polici.html" <a class="button" href="privaci-polici.html"
>Zásady o ochraně osobních dat</a >Zásady o ochraně osobních dat</a
> >
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr /> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="automatizovane-testovani.html" <a class="button" href="automatizovane-testovani.html"
>Automatizované testování</a >Automatizované testování</a
> >
</li> </li>
<li><a class="button" href="nastroje.html">Nástroje</a></li> <li><a class="button" href="nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="penetracni-testovani.html" <a class="button" href="penetracni-testovani.html"
>Penetrační testování</a >Penetrační testování</a
> >
</li> </li>
<li> <li>
<a class="button" href="testing-obecne.html">Testing obečně</a> <a class="button" href="testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="testovani-mobilnich-aplikaci.html" <a class="button" href="testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a >Testování mobilních aplikací</a
> >
</li> </li>
<li> <li>
<a class="button" href="testovani-pristupnosti.html" <a class="button" href="testovani-pristupnosti.html"
>Testování přístupnosti</a >Testování přístupnosti</a
> >
</li> </li>
<li> <li>
<a class="button" href="zatezove-testovani.html" <a class="button" href="zatezove-testovani.html"
>Zátěžové testování</a >Zátěžové testování</a
> >
</li> </li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
<div class="content"> <div class="content">
<p class="big-text">text .....</p> <p class="big-text">text .....</p>
<p>text........</p> <p>text........</p>
<script> <script>
<!-- <!--
alert("omlouváme se, ale tato stránka ještě není hotová"); alert("omlouváme se, ale tato stránka ještě není hotová");
--> -->
</script> </script>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption> <caption>
Nejdůležitější články: Nejdůležitější články:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a <a
class="button" class="button"
href="articles/co-je-automatizovane-testovani.html" href="articles/co-je-automatizovane-testovani.html"
>Co je automatizované testování</a >Co je automatizované testování</a
> >
</li> </li>
<li> <li>
<a <a
class="button" class="button"
href="articles/otazky-a-odpovedi-playwright.html" href="articles/otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a >Otázky a odpovědí k Playwright</a
> >
</li> </li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

View File

@ -1,124 +1,123 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description" /> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Testování přístupnosti" name="keywords" /> <meta content="Testování přístupnosti" name="keywords" />
<meta content="Lukáš Kaňka" name="author" /> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<link href="style.css" rel="stylesheet" /> <link href="style.css" rel="stylesheet" />
<link <link
href="images/a picture of a text editor on a pc in the style of comics.jpg" href="images/a picture of a text editor on a pc in the style of comics.jpg"
rel="shortcut icon" rel="shortcut icon"
/> />
<title>Testing Docs - Testování přístupnosti</title> <title>Testing Docs - Testování přístupnosti</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr /> <hr />
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="index.html">Domů</a> <a class="button" href="index.html">Domů</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="podpora.html">Podpora</a> <a class="button" href="podpora.html">Podpora</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="mapa-webu.html">Mapa webu</a> <a class="button" href="mapa-webu.html">Mapa webu</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="privaci-polici.html" <a class="button" href="privaci-polici.html"
>Zásady o ochraně osobních dat</a >Zásady o ochraně osobních dat</a
> >
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr /> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="automatizovane-testovani.html" <a class="button" href="automatizovane-testovani.html"
>Automatizované testování</a >Automatizované testování</a
> >
</li> </li>
<li><a class="button" href="nastroje.html">Nástroje</a></li> <li><a class="button" href="nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="penetracni-testovani.html" <a class="button" href="penetracni-testovani.html"
>Penetrační testování</a >Penetrační testování</a
> >
</li> </li>
<li> <li>
<a class="button" href="testing-obecne.html">Testing obečně</a> <a class="button" href="testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="testovani-mobilnich-aplikaci.html" <a class="button" href="testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a >Testování mobilních aplikací</a
> >
</li> </li>
<li> <li>
<a class="button" href="testovani-pristupnosti.html" <a class="button" href="testovani-pristupnosti.html"
>Testování přístupnosti</a >Testování přístupnosti</a
> >
</li> </li>
<li> <li>
<a class="button" href="zatezove-testovani.html" <a class="button" href="zatezove-testovani.html"
>Zátěžové testování</a >Zátěžové testování</a
> >
</li> </li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
<div class="content"> <div class="content">
<p class="big-text">text .....</p> <p class="big-text">text .....</p>
<p>text........</p> <p>text........</p>
<script> <script>
<!-- <!--
alert("omlouváme se, ale tato stránka ještě není hotová"); alert("omlouváme se, ale tato stránka ještě není hotová");
--> -->
</script> </script>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption> <caption>
Nejdůležitější články: Nejdůležitější články:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a <a
class="button" class="button"
href="articles/co-je-automatizovane-testovani.html" href="articles/co-je-automatizovane-testovani.html"
>Co je automatizované testování</a >Co je automatizované testování</a
> >
</li> </li>
<li> <li>
<a <a
class="button" class="button"
href="articles/otazky-a-odpovedi-playwright.html" href="articles/otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a >Otázky a odpovědí k Playwright</a
> >
</li> </li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

View File

@ -1,124 +1,123 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description" /> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="Zátěžové testování" name="keywords" /> <meta content="Zátěžové testování" name="keywords" />
<meta content="Lukáš Kaňka" name="author" /> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<link href="style.css" rel="stylesheet" /> <link href="style.css" rel="stylesheet" />
<link <link
href="images/a picture of a text editor on a pc in the style of comics.jpg" href="images/a picture of a text editor on a pc in the style of comics.jpg"
rel="shortcut icon" rel="shortcut icon"
/> />
<title>Testing Docs - Zátěžové testování</title> <title>Testing Docs - Zátěžové testování</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr /> <hr />
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="index.html">Domů</a> <a class="button" href="index.html">Domů</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="podpora.html">Podpora</a> <a class="button" href="podpora.html">Podpora</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="mapa-webu.html">Mapa webu</a> <a class="button" href="mapa-webu.html">Mapa webu</a>
</li> </li>
<li class="menu-item"> <li class="menu-item">
<a class="button" href="privaci-polici.html" <a class="button" href="privaci-polici.html"
>Zásady o ochraně osobních dat</a >Zásady o ochraně osobních dat</a
> >
</li> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr /> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<table> <table>
<caption> <caption>
Rubriky: Rubriky:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a class="button" href="automatizovane-testovani.html" <a class="button" href="automatizovane-testovani.html"
>Automatizované testování</a >Automatizované testování</a
> >
</li> </li>
<li><a class="button" href="nastroje.html">Nástroje</a></li> <li><a class="button" href="nastroje.html">Nástroje</a></li>
<li> <li>
<a class="button" href="penetracni-testovani.html" <a class="button" href="penetracni-testovani.html"
>Penetrační testování</a >Penetrační testování</a
> >
</li> </li>
<li> <li>
<a class="button" href="testing-obecne.html">Testing obečně</a> <a class="button" href="testing-obecne.html">Testing obečně</a>
</li> </li>
<li> <li>
<a class="button" href="testovani-mobilnich-aplikaci.html" <a class="button" href="testovani-mobilnich-aplikaci.html"
>Testování mobilních aplikací</a >Testování mobilních aplikací</a
> >
</li> </li>
<li> <li>
<a class="button" href="testovani-pristupnosti.html" <a class="button" href="testovani-pristupnosti.html"
>Testování přístupnosti</a >Testování přístupnosti</a
> >
</li> </li>
<li> <li>
<a class="button" href="zatezove-testovani.html" <a class="button" href="zatezove-testovani.html"
>Zátěžové testování</a >Zátěžové testování</a
> >
</li> </li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
<div class="content"> <div class="content">
<p class="big-text">text .....</p> <p class="big-text">text .....</p>
<p>text........</p> <p>text........</p>
<script> <script>
<!-- <!--
alert("omlouváme se, ale tato stránka ještě není hotová"); alert("omlouváme se, ale tato stránka ještě není hotová");
--> -->
</script> </script>
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption> <caption>
Nejdůležitější články: Nejdůležitější články:
</caption> </caption>
<tr> <tr>
<th> <th class="not-dot">
<li> <li>
<a <a
class="button" class="button"
href="articles/co-je-automatizovane-testovani.html" href="articles/co-je-automatizovane-testovani.html"
>Co je automatizované testování</a >Co je automatizované testování</a
> >
</li> </li>
<li> <li>
<a <a
class="button" class="button"
href="articles/otazky-a-odpovedi-playwright.html" href="articles/otazky-a-odpovedi-playwright.html"
>Otázky a odpovědí k Playwright</a >Otázky a odpovědí k Playwright</a
> >
</li> </li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>