varování
This commit is contained in:
Lukáš Kaňka
91
articles/playwright-komplet-souhrn.html
Normal file
91
articles/playwright-komplet-souhrn.html
Normal 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 © Lukáš Kaňka 2023</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
135
articles/playwright-prvni-test.html
Normal file
135
articles/playwright-prvni-test.html
Normal 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 © Lukáš Kaňka 2023</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user