2024-01-03 18:50:01 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="cz">
|
|
|
|
|
|
|
|
|
|
<head>
|
2024-01-07 21:00:27 +00:00
|
|
|
<meta content="Dokumentace pro všechny testery" name="description"/>
|
|
|
|
|
<meta content="Playwright, Automatizované testování" name="keywords"/>
|
|
|
|
|
<meta content="Lukáš Kaňka" name="author"/>
|
2024-01-03 18:50:01 +00:00
|
|
|
<meta charset="UTF-8">
|
2024-01-07 21:00:27 +00:00
|
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
|
|
|
<link href="/style.css" rel="stylesheet">
|
|
|
|
|
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/>
|
2024-01-03 18:50:01 +00:00
|
|
|
<title>Testing Docs - Snímky obrazovky v Playwright</title>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
2024-01-03 20:46:11 +00:00
|
|
|
<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>
|
2024-01-07 21:00:27 +00:00
|
|
|
<li><a class="button" href="/automatizovane-testovani.html">Automatizované testování</a></li>
|
2024-01-03 20:46:11 +00:00
|
|
|
<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>
|
2024-01-03 18:50:01 +00:00
|
|
|
</div>
|
|
|
|
|
|
2024-01-03 20:46:11 +00:00
|
|
|
<div class="content">
|
|
|
|
|
<p> class="big-text">Snímky obrazovky v Playwright
|
|
|
|
|
</p>
|
|
|
|
|
<p>Je několik způsobů jak dělat snímky obrazovky během testů</p>
|
|
|
|
|
<p>Zde je rychlý způsob, jak zachytit snímek obrazovky a uložit jej do souboru:</p>
|
|
|
|
|
<div class="code-box">
|
|
|
|
|
<p>await page.screenshot({ path: 'screenshot.png' });</p>
|
2024-01-03 18:50:01 +00:00
|
|
|
</div>
|
2024-01-03 20:46:11 +00:00
|
|
|
<p>Celostránkové snímky obrazovky:</p>
|
|
|
|
|
<p>Snímek obrazovky celé stránky je snímek obrazovky celé rolovací stránky, jako
|
|
|
|
|
byste měli velmi vysokou obrazovku a stránka by se do ní mohla zcela vejít.</p>
|
|
|
|
|
<div class="code-box">
|
|
|
|
|
<p>await page.screenshot({ path: 'screenshot.png', fullPage:
|
|
|
|
|
true });</p>
|
2024-01-03 18:50:01 +00:00
|
|
|
</div>
|
2024-01-03 20:46:11 +00:00
|
|
|
<p>Zachycení do vyrovnávací paměti:</p>
|
|
|
|
|
<p>Spíše než zapisovat do souboru, můžete získat vyrovnávací paměť s obrazem a
|
|
|
|
|
následně jej zpracovat nebo jej předat zařízení pro rozdíl pixelů třetí strany.</p>
|
|
|
|
|
<div class="code-box">
|
|
|
|
|
<p>const buffer = await page.screenshot();</p>
|
|
|
|
|
<p>console.log(buffer.toString('base64'));</p>
|
2024-01-03 18:50:01 +00:00
|
|
|
</div>
|
2024-01-03 20:46:11 +00:00
|
|
|
<p>Snímek obrazovku prvku:</p>
|
|
|
|
|
<p>Někdy je užitečné pořídit snímek obrazovky jednoho prvku.</p>
|
|
|
|
|
<div class="code-box"><p>await page.locator('.header').screenshot({ path:
|
|
|
|
|
'screenshot.png' });</p></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="articles">
|
|
|
|
|
<table>
|
|
|
|
|
<caption>Nejdůležitější články:</caption>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>
|
|
|
|
|
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
|
|
|
|
|
testování</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
|
|
|
|
|
Playwright</a></li>
|
|
|
|
|
</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
2024-01-03 18:50:01 +00:00
|
|
|
</div>
|
2024-01-03 20:46:11 +00:00
|
|
|
</div>
|
|
|
|
|
<footer>Copyright © Lukáš Kaňka 2023</footer>
|
2024-01-03 18:50:01 +00:00
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
2024-01-03 20:46:11 +00:00
|
|
|
</html>
|
