testing-docs.cz/articles/playwright-jak-zacit.html

158 lines
5.1 KiB
HTML
Raw Normal View History

2023-12-14 15:57:48 +00:00
<!DOCTYPE html>
<html lang="cz">
2024-01-07 21:00:27 +00:00
<head>
<meta content="Dokumentace pro všechny testery" name="description"/>
2024-01-06 17:30:09 +00:00
<meta
2024-01-07 21:00:27 +00:00
content="Playwright, Automatizované testovaní, Testování software"
name="keywords"
2024-01-06 17:30:09 +00:00
/>
2024-01-07 21:00:27 +00:00
<meta content="Lukáš Kaňka" name="author"/>
<meta charset="UTF-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="/style.css" rel="stylesheet"/>
2024-01-06 17:30:09 +00:00
<link
2024-01-07 21:00:27 +00:00
href="images/a picture of a text editor on a pc in the style of comics.jpg"
rel="shortcut icon"
2024-01-06 17:30:09 +00:00
/>
2023-12-14 15:57:48 +00:00
<title>Testing Docs - Playwright jak začít</title>
2024-01-07 21:00:27 +00:00
</head>
2023-12-14 15:57:48 +00:00
2024-01-07 21:00:27 +00:00
<body>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2>
<hr/>
<div class="menu">
<center>
2024-01-06 17:30:09 +00:00
<ul>
2024-01-07 21:00:27 +00:00
<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>
2024-01-06 17:30:09 +00:00
</ul>
2024-01-07 21:00:27 +00:00
</center>
</div>
<hr/>
2023-12-14 15:57:48 +00:00
2024-01-07 21:00:27 +00:00
<div class="flexbox">
<div class="navigation">
2024-01-06 17:30:09 +00:00
<ul>
2024-01-07 21:00:27 +00:00
<li>
<a class="button" href="/automatizovane-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>
2024-01-06 17:30:09 +00:00
</ul>
2024-01-07 21:00:27 +00:00
</div>
<div class="content">
2024-01-06 17:30:09 +00:00
<p class="big-text">Playwright jak začít</p>
<p>Založení nového projektu</p>
<p>
2024-01-07 21:00:27 +00:00
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"
2024-01-06 17:30:09 +00:00
>Playwright enables reliable end-to end testing for modern web
2024-01-07 21:00:27 +00:00
apps.</a
>
Kde najdete skvělou dokumentaci k Playwright.
2024-01-06 17:30:09 +00:00
</p>
<p>
2024-01-07 21:00:27 +00:00
Je nutné stáhnout a nainstalovat
<a class="button" href="https://nodejs.org/en">Node.js.</a>
2024-01-06 17:30:09 +00:00
</p>
<p>
2024-01-07 21:00:27 +00:00
Do VSCode stáhnout Extensions
<strong>Playwright Test for VSCode</strong>
2024-01-06 17:30:09 +00:00
</p>
<p>
2024-01-07 21:00:27 +00:00
Mkdir vytvoří v cmd / terminálu složku pro nový projekt, v místě kde
se nacházíme.
2024-01-06 17:30:09 +00:00
</p>
<p>
2024-01-07 21:00:27 +00:00
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.
2024-01-06 17:30:09 +00:00
</p>
2023-12-14 21:30:37 +00:00
2024-01-06 17:30:09 +00:00
<div class="code-box">
2024-01-07 21:00:27 +00:00
<p>mkdir novy_projekt</p>
<p>cd novy_projekt</p>
<p>npm init -y</p>
2024-01-06 17:30:09 +00:00
</div>
2023-12-14 21:30:37 +00:00
2024-01-06 17:30:09 +00:00
<p>Tímto nainstalujeme samotný Playwright.</p>
<div class="code-box">
2024-01-07 21:00:27 +00:00
<p>npm i playwright</p>
2023-12-14 15:57:48 +00:00
</div>
2024-01-06 17:30:09 +00:00
<p>
2024-01-07 21:00:27 +00:00
Instalace nás provede, nastavením jako jestli chcete psát kód v
JavaScriptu nebo TypeScriptu.
2024-01-06 17:30:09 +00:00
</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>
<div class="code-box">
2024-01-07 21:00:27 +00:00
<p>node test.js</p>
2023-12-14 15:57:48 +00:00
</div>
2024-01-07 21:00:27 +00:00
</div>
<div class="articles">
2024-01-06 17:30:09 +00:00
<table>
2024-01-07 21:00:27 +00:00
<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>
2024-01-06 17:30:09 +00:00
</table>
2023-12-14 15:57:48 +00:00
</div>
2024-01-07 21:00:27 +00:00
</div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
2024-01-06 17:30:09 +00:00
</html>
2023-12-14 15:57:48 +00:00