playwright
This commit is contained in:
parent
31feffefbf
commit
afbe1cf8eb
110
articles/playwright-jak-zacit.html
Normal file
110
articles/playwright-jak-zacit.html
Normal file
@ -0,0 +1,110 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="cz">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta name="description" content="Dokumentace pro všechny testery" />
|
||||||
|
<meta name="keywords" content="Playwright, Automatizované testovaní, Testování software" />
|
||||||
|
<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 jak začít</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 jak začít</p>
|
||||||
|
<p>Založení nového projektu</p>
|
||||||
|
<p>Zde je návod jak nainstalovat Playwright jako v freamork k JavaScriptu či
|
||||||
|
TypeScriptu. Playwright navíc podporuje Python, Javu a .Net.
|
||||||
|
Jako první doporučuji naštívit Officiální web <a class="button" href="https://playwright.dev">Playwright
|
||||||
|
enables reliable
|
||||||
|
end-to
|
||||||
|
end testing for modern web apps.</a> Kde najdete skvělou dokumentaci k
|
||||||
|
Playwright.</p>
|
||||||
|
<p>Je nutné stáhnout a nainstalovat <a class="button" href="https://nodejs.org/en">Node.js.</a></p>
|
||||||
|
<p>Do VSCode stáhnout Extensions <strong>Playwright Test for VSCode</strong></p>
|
||||||
|
<p>Mkdir vytvoří v cmd / terminálu složku pro nový projekt, v místě kde se
|
||||||
|
nacházíme.</p>
|
||||||
|
<p>cd název nového projektu nás přesune do složky nového projektu
|
||||||
|
První dva body je možné udělat v GUI pomocí průzkumníka a pak otevřít
|
||||||
|
terminál v tomto místě a do terminálu už jen vložit npm init -y , tím si
|
||||||
|
připravíme projekt.</p>
|
||||||
|
<table class="code">
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<li>mkdir novy_projekt</li>
|
||||||
|
<li>cd novy_projekt</li>
|
||||||
|
<li>npm init -y</li>
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
<p>Tímto nainstalujeme samotný Playwright.</p>
|
||||||
|
<table class="code">
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<li>npm i playwright</li>
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<p>Instalace nás provede, nastavením jako jestli chcete psát kód v JavaScriptu
|
||||||
|
nebo TypeScriptu.</p>
|
||||||
|
<p>
|
||||||
|
Po instalaci můžeme začít psát samotný test.</p>
|
||||||
|
<p>Test spustíme v terminálu v místě testu pomocí:</p>
|
||||||
|
<table class="code">
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
<li>node test.js</li>
|
||||||
|
</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>
|
@ -28,7 +28,6 @@
|
|||||||
</center>
|
</center>
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr>
|
||||||
|
|
||||||
<div class="flexbox">
|
<div class="flexbox">
|
||||||
<div class="navigation">
|
<div class="navigation">
|
||||||
<ul>
|
<ul>
|
||||||
@ -45,15 +44,13 @@
|
|||||||
<div class="content">
|
<div class="content">
|
||||||
<p class="big-text">Automatizované testování</p>
|
<p class="big-text">Automatizované testování</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
|
||||||
<a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
|
testování</a></li>
|
||||||
testování</a>
|
|
||||||
</li>
|
|
||||||
<li><a class="button" href="articles/nastroje-k-testovani-mobilnich-aplikaci.html">Nástroje k testování
|
<li><a class="button" href="articles/nastroje-k-testovani-mobilnich-aplikaci.html">Nástroje k testování
|
||||||
mobilních
|
mobilních aplikací</a></li>
|
||||||
aplikací</a></li>
|
<li><a class="button" href="articles/playwright-jak-zacit.html">Playwright jak začít</a></li>
|
||||||
|
</ul>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="articles">
|
<div class="articles">
|
||||||
<table>
|
<table>
|
||||||
@ -61,9 +58,7 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
|
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
|
||||||
testování</a>
|
testování</a></li>
|
||||||
</li>
|
|
||||||
|
|
||||||
</th>
|
</th>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
Loading…
Reference in New Issue
Block a user