varování

This commit is contained in:
Lukáš Kaňka 2023-12-14 18:26:01 +01:00
parent afbe1cf8eb
commit 1c47484e74
6 changed files with 239 additions and 8 deletions

View File

@ -1 +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.

View File

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

View File

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

View File

@ -49,7 +49,8 @@
<li><a class="button" href="articles/nastroje-k-testovani-mobilnich-aplikaci.html">Nástroje k testování
mobilních aplikací</a></li>
<li><a class="button" href="articles/playwright-jak-zacit.html">Playwright jak začít</a></li>
</ul>
<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>
</ul>
</div>
<div class="articles">

View File

@ -49,14 +49,15 @@
<p>Docs je stále ve vývoji a pracuje se na ní pouze ve volném čase a v jedné osobě (tak děkuji za pochopení
a
případné chyby či nedostatky). Všekerý materiál by měl být na webu začátkem roku 2024.</p>
<p>Pokud naleznete v Docs nejastnosti, chyby a nebo naopak vám něco chybí čiby jste se chtěli aktivně
<p>Pokud naleznete v Docs nejastnosti, chyby a nebo naopak vám něco chybí či by jste se chtěli aktivně
jakkoliv
podílet na tomto projektu budu rád když mě budete zde
kontaktovat
nebo na lukas.kanka(zavináč)outlook.cz.</p>
podílet na tomto projektu budu rád když mě budete na lukas.kanka(zavináč)outlook.cz.</p>
<p> Pro lepší orientaci doporučuji použít
Mapu testing docs
a také využívat štítků.</p>
Mapu testing docs.</p>
<p>Pokud bude něco dělat dle těchto stránek a nejste si jisti co děláte,<strong>vždy si pořádně pročtete k
danému tématu dokumentaci!</strong> Vyvarujete se případným budoucím problémům. Tato stránka je
informativního fotmátu a né oficiální návody. Vše co zde zkopírujete nebo uděláte dle tohoto webu tak
jen na Vaši zodpovědnost.</p>
</div>
<div class="articles">

View File

@ -49,6 +49,7 @@ h2 {
.code {
font-family: monospace;
list-style-type: none;
}
td,