kankys/testing-docs.cz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update playwright.html

Browse Source 
test git
This commit is contained in:
Lukáš Kaňka 2024-01-06 18:30:09 +01:00
parent e20f9b9a09
commit d271ec4a50
4 changed files with 149 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

143
articles/playwright-jak-zacit.html
View File

@ -1,64 +1,113 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cz"> <html lang="cz">
<head> <head>
<meta name="description" content="Dokumentace pro všechny testery" /> <meta name="description" content="Dokumentace pro všechny testery" />
<meta name="keywords" content="Playwright, Automatizované testovaní, Testování software" /> <meta
name="keywords"
content="Playwright, Automatizované testovaní, Testování software"
/>
<meta name="author" content="Lukáš Kaňka" /> <meta name="author" content="Lukáš Kaňka" />
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/style.css"> <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 - Playwright jak začít</title> <title>Testing Docs - Playwright jak začít</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr />
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="/index.html">Domů</a></li> <li class="menu-item">
<li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li> <a class="button" href="/index.html">Domů</a>
<li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li> </li>
<li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a> <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> </li>
</ul> </ul>
</center> </center>
</div> </div>
<hr> <hr />
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<ul> <ul>
<li><a class="button" href="/automatizovana-testovani.html">Automatizované testování</a></li> <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="/nastroje.html">Nástroje</a></li>
<li><a class="button" href="/penetracni-testovani.html">Penetrační testování</a></li> <li>
<li><a class="button" href="/testing-obecne.html">Testing obečně</a></li> <a class="button" href="/penetracni-testovani.html"
<li><a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a></li> >Penetrační testování</a
<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> </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> </ul>
</div> </div>
<div class="content"> <div class="content">
<p class="big-text">Playwright jak začít</p> <p class="big-text">Playwright jak začít</p>
<p>Založení nového projektu</p> <p>Založení nového projektu</p>
<p>Zde je návod jak nainstalovat Playwright jako v freamork k JavaScriptu či <p>
TypeScriptu. Playwright navíc podporuje Python, Javu a .Net. Zde je návod jak nainstalovat Playwright jako v freamork k JavaScriptu
Jako první doporučuji naštívit Officiální web <a class="button" href="https://playwright.dev">Playwright či TypeScriptu. Playwright navíc podporuje Python, Javu a .Net. Jako
enables reliable první doporučuji naštívit Officiální web
end-to <a class="button" href="https://playwright.dev"
end testing for modern web apps.</a> Kde najdete skvělou dokumentaci k >Playwright enables reliable end-to end testing for modern web
Playwright.</p> apps.</a
<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> Kde najdete skvělou dokumentaci k Playwright.
<p>Mkdir vytvoří v cmd / terminálu složku pro nový projekt, v místě kde se </p>
nacházíme.</p> <p>
<p>cd název nového projektu nás přesune do složky nového projektu Je nutné stáhnout a nainstalovat
První dva body je možné udělat v GUI pomocí průzkumníka a pak otevřít <a class="button" href="https://nodejs.org/en">Node.js.</a>
terminál v tomto místě a do terminálu už jen vložit npm init -y , tím si </p>
připravíme projekt.</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>
<div class="code-box"> <div class="code-box">
<p>mkdir novy_projekt</p> <p>mkdir novy_projekt</p>
@ -66,15 +115,15 @@
<p>npm init -y</p> <p>npm init -y</p>
</div> </div>
<p>Tímto nainstalujeme samotný Playwright.</p> <p>Tímto nainstalujeme samotný Playwright.</p>
<div class="code-box"> <div class="code-box">
<p>npm i playwright</p> <p>npm i playwright</p>
</div> </div>
<p>Instalace nás provede, nastavením jako jestli chcete psát kód v JavaScriptu
nebo TypeScriptu.</p>
<p> <p>
Po instalaci můžeme začít psát samotný test.</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> <p>Test spustíme v terminálu v místě testu pomocí:</p>
<div class="code-box"> <div class="code-box">
<p>node test.js</p> <p>node test.js</p>
@ -82,21 +131,27 @@
</div> </div>
<div class="articles"> <div class="articles">
<table> <table>
<caption>Nejdůležitější články:</caption> <caption>
Nejdůležitější články:
</caption>
<tr> <tr>
<th> <th>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované <li>
testování</a> <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> </li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th> </th>
</tr> </tr>
</table> </table>
</div> </div>
</div> </div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer> <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body> </body>
</html> </html>

2
articles/playwright.html
View File

@ -42,7 +42,7 @@
</center> </center>
</div> </div>
<hr/> <hr/>
y
<div class="flexbox"> <div class="flexbox">
<div class="navigation"> <div class="navigation">
<ul> <ul>

1
automatizovana-testovani.html
View File

@ -64,6 +64,7 @@
<li><a class="button" href="articles/cypress-nastaveni-typescript.html">Cypress nastavení psaní kódu v <li><a class="button" href="articles/cypress-nastaveni-typescript.html">Cypress nastavení psaní kódu v
Typescript</a></li> Typescript</a></li>
<li><a class="button" href="articles/cypress.html">Cypress seznámení</a></li> <li><a class="button" href="articles/cypress.html">Cypress seznámení</a></li>
<li><a class="button" href="articles/net-nunit-zalozeni-projektu.html">Nunit založení projektu</a></li>
</ul> </ul>
</div> </div>

8
style.css
View File

@ -81,3 +81,11 @@ th {
.link { .link {
color: var(--special_white); color: var(--special_white);
} }
.strong-text {
font-weight: bold;
}
.link-black {
color: var(--special_black_original);
}