content -> margin button
This commit is contained in:
Lukáš Kaňka
parent
beda3d5035
commit
ce8e2afd62
|
|
@ -0,0 +1,5 @@
|
|||
# Default ignored files
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
# Editor-based HTTP Client requests
|
||||
/httpRequests/
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
# Default ignored files
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
# Rider ignored files
|
||||
/projectSettingsUpdater.xml
|
||||
/modules.xml
|
||||
/.idea.testing-docs.cz.iml
|
||||
/contentModel.xml
|
||||
# Editor-based HTTP Client requests
|
||||
/httpRequests/
|
||||
# Datasource local storage ignored files
|
||||
/dataSources/
|
||||
/dataSources.local.xml
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="Encoding" addBOMForNewFiles="with BOM under Windows, with no BOM otherwise" />
|
||||
</project>
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="UserContentModel">
|
||||
<attachedFolders />
|
||||
<explicitIncludes />
|
||||
<explicitExcludes />
|
||||
</component>
|
||||
</project>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="VcsDirectoryMappings">
|
||||
<mapping directory="" vcs="Git" />
|
||||
</component>
|
||||
</project>
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectModuleManager">
|
||||
<modules>
|
||||
<module fileurl="file://$PROJECT_DIR$/.idea/testing-docs.cz.iml" filepath="$PROJECT_DIR$/.idea/testing-docs.cz.iml" />
|
||||
</modules>
|
||||
</component>
|
||||
</project>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="WEB_MODULE" version="4">
|
||||
<component name="NewModuleRootManager">
|
||||
<content url="file://$MODULE_DIR$">
|
||||
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
|
||||
<excludeFolder url="file://$MODULE_DIR$/temp" />
|
||||
<excludeFolder url="file://$MODULE_DIR$/tmp" />
|
||||
</content>
|
||||
<orderEntry type="inheritedJdk" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
</component>
|
||||
</module>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="VcsDirectoryMappings">
|
||||
<mapping directory="" vcs="Git" />
|
||||
</component>
|
||||
</project>
|
||||
|
|
@ -86,4 +86,4 @@
|
|||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,83 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="cz">
|
||||
|
||||
<head>
|
||||
<meta name="description" content="Dokumentace pro všechny testery" />
|
||||
<meta name="keywords" content="Playwright, Test, Ukázka"/>
|
||||
<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 ukázka testu</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 ukázka testu</p>
|
||||
<p>Do soboru na importujeme browser
|
||||
</p>
|
||||
<div class="code-box">
|
||||
<p>import { chromium } from „@playwright/test“;</p>
|
||||
|
||||
</div>
|
||||
<p>Zapíšeme Konstruktor který se vždy spustí na začátku testu</p>
|
||||
<div class="code-box">
|
||||
<p>(async () => {</p>
|
||||
</div>
|
||||
<p> V něm zpustíme browser a přiřadíme ho k příslušné proměnné pomocí
|
||||
launch</p>
|
||||
<p> Před každe volání proměnné použijeme await</p>
|
||||
<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>
|
||||
<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 © Lukáš Kaňka 2023</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,107 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="cz">
|
||||
<head>
|
||||
<meta name="description" content="Dokumentace pro všechny testery" />
|
||||
<meta name="keywords" content="Playwright seznámení" />
|
||||
<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 seznámení</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 />
|
||||
y
|
||||
<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 seznámení</p>
|
||||
<p>Text</p>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
<footer>Copyright © Lukáš Kaňka 2023</footer>
|
||||
</body>
|
||||
</html>
|
||||
r
|
||||
|
|
@ -2,67 +2,91 @@
|
|||
<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 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" />
|
||||
<link 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>
|
||||
</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>
|
||||
<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">Text</p>
|
||||
<p>Text</p>
|
||||
</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>
|
||||
</div>
|
||||
<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>
|
||||
<footer>Copyright © Lukáš Kaňka 2023</footer>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
</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>
|
||||
<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 © Lukáš Kaňka 2023</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -54,10 +54,13 @@
|
|||
<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
|
||||
Playwright</a></li>
|
||||
</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-instalace-vscode.html">Playwright instalace VSCode</a>
|
||||
<li><a class="button" href="articles/playwright-instalace-vscode.html">Playwright instalace VSCode</a></li>
|
||||
<li><a class="button" href="articles/snimky-obrazovky-v-playwright.html">Snímky obrazovky v Playwright</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>>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
|
@ -80,4 +83,4 @@
|
|||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@
|
|||
<title>Testing Docs - Hlavní strana</title>
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
<h1>Testing Docs CZ</h1>
|
||||
<h2>Dokumentace pro všechny testery</h2>
|
||||
|
|
@ -43,7 +44,7 @@
|
|||
</div>
|
||||
|
||||
<div class="content">
|
||||
<p class="big-text">Testing Docs CZ</p>
|
||||
et <p class="big-text">Testing Docs CZ</p>
|
||||
<p> Vítám tě na této stránce, která slouží jako dokumentace pro softwarové testery.
|
||||
</p>
|
||||
<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í
|
||||
|
|
@ -80,4 +81,4 @@
|
|||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue