From 483da4605820f93a8ba77d9dbeabb7350b210554 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Ka=C5=88ka?= Date: Mon, 8 Jan 2024 13:39:16 +0100 Subject: [PATCH] oprava css --- articles/playwright-jak-zacit.html | 256 +++++++++++++++-------------- style.css | 90 +++++----- 2 files changed, 174 insertions(+), 172 deletions(-) diff --git a/articles/playwright-jak-zacit.html b/articles/playwright-jak-zacit.html index 92ebec1..4e6bcaa 100644 --- a/articles/playwright-jak-zacit.html +++ b/articles/playwright-jak-zacit.html @@ -2,144 +2,146 @@ - - - - - - - + + + + + + + Testing Docs - Playwright jak začít -

Testing Docs CZ

-

Dokumentace pro všechny testery

-
-
-
- -
+

Testing Docs CZ

+

Dokumentace pro všechny testery

+
+
+
+ +
+
+
+ +
+
+ + + + + +
+ Rubriky: +
+
  • + Automatizované testování +
    • +
  • Nástroje
    • +
  • + Penetrační testování +
    • +
  • + Testing obečně +
    • +
  • + Testování mobilních aplikací +
    • +
  • + Testování přístupnosti +
    • +
  • + Zátěžové testování +
    • +
    -
    -
    -
    - - - - - -
    - Rubriky: -
    -
  • - Automatizované testování -
    • -
  • Nástroje
    • -
  • - Penetrační testování -
    • -
  • - Testing obečně -
    • -
  • - Testování mobilních aplikací -
    • -
  • - Testování přístupnosti -
    • -
  • - Zátěžové testování -
    • -
    +
    +

    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

    -
    -

    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

    -
    +

    Tímto nainstalujeme samotný Playwright.

    +
    +

    npm i playwright

    -
    - - - - - -
    - Nejdůležitější články: -
    -
  • - Co je automatizované - testování -
    • -
  • - Otázky a odpovědí k - 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

    -
    Copyright © Lukáš Kaňka 2023
    +
    + + + + + + + +
    + Nejdůležitější články: +
    +
  • + Co je automatizované + testování +
    • +
  • + Otázky a odpovědí k + Playwright +
    • +
    +
    +
    + \ No newline at end of file diff --git a/style.css b/style.css index d8fd3db..605e2c3 100644 --- a/style.css +++ b/style.css @@ -1,100 +1,100 @@ :root { - --special_black: rgb(11, 2, 2); - --special_white: white; - --special_grey: grey; - --special_black_original: black; + --special_black: rgb(11, 2, 2); + --special_white: white; + --special_grey: grey; + --special_black_original: black; } body { - background-color: var(--special_black); - color: var(--special_white); - width: calc(100% - 32px); - max-width: 1200px; - margin: auto; + background-color: var(--special_black); + color: var(--special_white); + width: calc(100% - 32px); + max-width: 1200px; + margin: auto; } .menu-item { - display: inline-block; - width: 200px; - height: 20px; - position: static; - text-align: center; + display: inline-block; + width: 200px; + height: 20px; + position: static; + text-align: center; } .flexbox { - display: flex; + display: flex; } .navigation { - flex: 1; - /* margin: 0px 0px 0px 50px; */ - padding: 25px; - /* margin-top: 20px; */ + flex: 1; + /* margin: 0px 0px 0px 50px; */ + padding: 25px; + /* margin-top: 20px; */ } .content { - flex: 3; - /* margin-top: 20px; */ + flex: 3; + margin-bottom: 25px; } .articles { - margin: 0px 50px 0px 0px; - margin-top: 25px; + margin: 0px 50px 0px 0px; + margin-top: 25px; } footer { - position: fixed; - bottom: 0; + position: fixed; + bottom: 0; } .big-text { - font-size: 40px; - text-align: center; + font-size: 40px; + text-align: center; } h1 { - font-family: cursive; - margin: 0px 0px 0px 30px; + font-family: cursive; + margin: 0px 0px 0px 30px; } h2 { - font-family: cursive; - margin: 0px 0px 0px 30px; + font-family: cursive; + margin: 0px 0px 0px 30px; } /*.link-white*/ .button { - color: var(--special_white); + color: var(--special_white); } td, th { - border: 1px solid var(--special_white); - padding: 10px; + border: 1px solid var(--special_white); + padding: 10px; } .code-box { - border: 1px solid var(--special_white); - padding: 10px; - background-color: var(--special_grey); - font-family: monospace; - color: var(--special_black_original); - font-weight: bold; - border-radius: 8px; + border: 1px solid var(--special_white); + padding: 10px; + background-color: var(--special_grey); + font-family: monospace; + color: var(--special_black_original); + font-weight: bold; + border-radius: 8px; } .not-dot { - list-style-type: none; + list-style-type: none; } .link { - color: var(--special_white); + color: var(--special_white); } .strong-text { - font-weight: bold; + font-weight: bold; } .link-black { - color: var(--special_black_original); + color: var(--special_black_original); }