testing-docs.cz/articles/playwright-prvni-test.html
Lukáš Kaňka 1c47484e74 varování
2023-12-14 18:26:01 +01:00

135 lines
5.1 KiB
HTML

<!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>