From afbe1cf8eb7f80448e12674c162867c40d1efbbd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Ka=C5=88ka?= <124378142+LukasKanka@users.noreply.github.com> Date: Thu, 14 Dec 2023 16:57:48 +0100 Subject: [PATCH] playwright --- articles/playwright-jak-zacit.html | 110 +++++++++++++++++++++++++++++ automatizovana-testovani.html | 17 ++--- style.css | 9 ++- 3 files changed, 124 insertions(+), 12 deletions(-) create mode 100644 articles/playwright-jak-zacit.html diff --git a/articles/playwright-jak-zacit.html b/articles/playwright-jak-zacit.html new file mode 100644 index 0000000..99341e5 --- /dev/null +++ b/articles/playwright-jak-zacit.html @@ -0,0 +1,110 @@ + + + + + + + + + + + + Testing Docs - Playwright jak začít + + + +

Testing Docs CZ

+

Dokumentace pro všechny testery

+
+
+
+ +
+
+
+ +
+
+ +
+
+

Playwright jak začít

+

Založení nového projektu

+

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 Playwright + enables reliable + end-to + end testing for modern web apps. Kde najdete skvělou dokumentaci k + Playwright.

+

Je nutné stáhnout a nainstalovat Node.js.

+

Do VSCode stáhnout Extensions Playwright Test for VSCode

+

Mkdir vytvoří v cmd / terminálu složku pro nový projekt, v místě kde se + nacházíme.

+

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.

+ + + + + +
+
  • mkdir novy_projekt
    • +
  • cd novy_projekt
    • +
  • npm init -y
    • +
    +

    Tímto nainstalujeme samotný Playwright.

    + + + + +
    +
  • npm i playwright
    • +
    +

    Instalace nás provede, nastavením jako jestli chcete psát kód v JavaScriptu + nebo TypeScriptu.

    +

    + Po instalaci můžeme začít psát samotný test.

    +

    Test spustíme v terminálu v místě testu pomocí:

    + + + + +
    +
  • node test.js
    • +
    +
    +
    + + + + + +
    Nejdůležitější články:
    +
  • Co je automatizované + testování +
    • +
    +
    +
    + + + + + \ No newline at end of file diff --git a/automatizovana-testovani.html b/automatizovana-testovani.html index a3e1f0e..e873d83 100644 --- a/automatizovana-testovani.html +++ b/automatizovana-testovani.html @@ -28,7 +28,6 @@
    -
    -
    @@ -61,9 +58,7 @@
  • Co je automatizované - testování -
    • - + testování
    diff --git a/style.css b/style.css index 09123e0..c181908 100644 --- a/style.css +++ b/style.css @@ -47,5 +47,12 @@ h2 { color: white; } -.menu { +.code { + font-family: monospace; +} + +td, +th { + border: 1px solid white; + padding: 10px; }