From ce8e2afd62b536ee20c1575769e279aae15cc39f 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: Wed, 3 Jan 2024 21:46:11 +0100 Subject: [PATCH] content -> margin button --- .idea/.gitignore | 5 + .../.idea/.gitignore | 13 ++ .../.idea/encodings.xml | 4 + .../.idea/indexLayout.xml | 8 ++ .idea/.idea.testing-docs.cz.dir/.idea/vcs.xml | 6 + .idea/modules.xml | 8 ++ .idea/testing-docs.cz.iml | 12 ++ .idea/vcs.xml | 6 + articles/playwright-komplet-souhrn.html | 2 +- articles/playwright-test-ukazka.html | 83 ++++++++++++ articles/playwright.html | 107 +++++++++++++++ articles/snimky-obrazovky-v-playwright.html | 128 +++++++++++------- automatizovana-testovani.html | 9 +- index.html | 5 +- style.css | 1 + 15 files changed, 339 insertions(+), 58 deletions(-) create mode 100644 .idea/.gitignore create mode 100644 .idea/.idea.testing-docs.cz.dir/.idea/.gitignore create mode 100644 .idea/.idea.testing-docs.cz.dir/.idea/encodings.xml create mode 100644 .idea/.idea.testing-docs.cz.dir/.idea/indexLayout.xml create mode 100644 .idea/.idea.testing-docs.cz.dir/.idea/vcs.xml create mode 100644 .idea/modules.xml create mode 100644 .idea/testing-docs.cz.iml create mode 100644 .idea/vcs.xml create mode 100644 articles/playwright-test-ukazka.html create mode 100644 articles/playwright.html diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000..b58b603 --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,5 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ diff --git a/.idea/.idea.testing-docs.cz.dir/.idea/.gitignore b/.idea/.idea.testing-docs.cz.dir/.idea/.gitignore new file mode 100644 index 0000000..e2f16da --- /dev/null +++ b/.idea/.idea.testing-docs.cz.dir/.idea/.gitignore @@ -0,0 +1,13 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Rider ignored files +/projectSettingsUpdater.xml +/modules.xml +/.idea.testing-docs.cz.iml +/contentModel.xml +# Editor-based HTTP Client requests +/httpRequests/ +# Datasource local storage ignored files +/dataSources/ +/dataSources.local.xml diff --git a/.idea/.idea.testing-docs.cz.dir/.idea/encodings.xml b/.idea/.idea.testing-docs.cz.dir/.idea/encodings.xml new file mode 100644 index 0000000..df87cf9 --- /dev/null +++ b/.idea/.idea.testing-docs.cz.dir/.idea/encodings.xml @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/.idea/.idea.testing-docs.cz.dir/.idea/indexLayout.xml b/.idea/.idea.testing-docs.cz.dir/.idea/indexLayout.xml new file mode 100644 index 0000000..7b08163 --- /dev/null +++ b/.idea/.idea.testing-docs.cz.dir/.idea/indexLayout.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/.idea.testing-docs.cz.dir/.idea/vcs.xml b/.idea/.idea.testing-docs.cz.dir/.idea/vcs.xml new file mode 100644 index 0000000..35eb1dd --- /dev/null +++ b/.idea/.idea.testing-docs.cz.dir/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..4cc1c32 --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/testing-docs.cz.iml b/.idea/testing-docs.cz.iml new file mode 100644 index 0000000..24643cc --- /dev/null +++ b/.idea/testing-docs.cz.iml @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000..35eb1dd --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/articles/playwright-komplet-souhrn.html b/articles/playwright-komplet-souhrn.html index 73b147f..556652c 100644 --- a/articles/playwright-komplet-souhrn.html +++ b/articles/playwright-komplet-souhrn.html @@ -86,4 +86,4 @@ - \ No newline at end of file + diff --git a/articles/playwright-test-ukazka.html b/articles/playwright-test-ukazka.html new file mode 100644 index 0000000..d12dff2 --- /dev/null +++ b/articles/playwright-test-ukazka.html @@ -0,0 +1,83 @@ + + + + + + + + + + + + Testing Docs - Playwright ukázka testu + + + +

Testing Docs CZ

+

Dokumentace pro všechny testery

+
+ +
+ +
+ + +
+

Playwright ukázka testu

+

Do soboru na importujeme browser +

+
+

import { chromium } from „@playwright/test“;

+ +
+

Zapíšeme Konstruktor který se vždy spustí na začátku testu

+
+

(async () => {

+
+   

V něm zpustíme browser a přiřadíme ho k příslušné proměnné pomocí + launch

+   

Před každe volání proměnné použijeme await

+
+    

pomocí headless: false – zobrazíme v testu prohlížeč

+
+
+
+ + + + + +
Nejdůležitější články:
+
  • Co je automatizované + testování +
  • +
  • Otázky a odpovědí k + Playwright
  • +
    +
    +
    + + + + + diff --git a/articles/playwright.html b/articles/playwright.html new file mode 100644 index 0000000..01ea8be --- /dev/null +++ b/articles/playwright.html @@ -0,0 +1,107 @@ + + + + + + + + + + + Testing Docs - Playwright seznámení + + + +

    Testing Docs CZ

    +

    Dokumentace pro všechny testery

    +
    + +
    + y +
    + + +
    +

    Playwright seznámení

    +

    Text

    +
    +
    + + + + + +
    + Nejdůležitější články: +
    +
  • + Co je automatizované testování +
  • +
  • + Otázky a odpovědí k Playwright +
  • +
    +
    +
    + + + +r diff --git a/articles/snimky-obrazovky-v-playwright.html b/articles/snimky-obrazovky-v-playwright.html index f2e0eda..90624bc 100644 --- a/articles/snimky-obrazovky-v-playwright.html +++ b/articles/snimky-obrazovky-v-playwright.html @@ -2,67 +2,91 @@ - - - + + + - + Testing Docs - Snímky obrazovky v Playwright -

    Testing Docs CZ

    -

    Dokumentace pro všechny testery

    -
    - -
    +

    Testing Docs CZ

    +

    Dokumentace pro všechny testery

    +
    + +
    -
    - - -
    -

    Text

    -

    Text

    -
    -
    - - - - - -
    Nejdůležitější články:
    -
  • Co je automatizované - testování -
  • -
  • Otázky a odpovědí k - Playwright
  • -
    -
    +
    + -
    Copyright © Lukáš Kaňka 2023
    + +
    +

    class="big-text">Snímky obrazovky v Playwright +

    +

    Je několik způsobů jak dělat snímky obrazovky během testů

    +

    Zde je rychlý způsob, jak zachytit snímek obrazovky a uložit jej do souboru:

    +
    +

    await page.screenshot({ path: 'screenshot.png' });

    +
    +

    Celostránkové snímky obrazovky:

    +

    Snímek obrazovky celé stránky je snímek obrazovky celé rolovací stránky, jako + byste měli velmi vysokou obrazovku a stránka by se do ní mohla zcela vejít.

    +
    +

    await page.screenshot({ path: 'screenshot.png', fullPage: + true });

    +
    +

    Zachycení do vyrovnávací paměti:

    +

    Spíše než zapisovat do souboru, můžete získat vyrovnávací paměť s obrazem a + následně jej zpracovat nebo jej předat zařízení pro rozdíl pixelů třetí strany.

    +
    +

    const buffer = await page.screenshot();

    +

    console.log(buffer.toString('base64'));

    +
    +

    Snímek obrazovku prvku:

    +

    Někdy je užitečné pořídit snímek obrazovky jednoho prvku.

    +

    await page.locator('.header').screenshot({ path: + 'screenshot.png' });

    +
    + +
    + + + + + +
    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/automatizovana-testovani.html b/automatizovana-testovani.html index c6e78d5..b3b59ed 100644 --- a/automatizovana-testovani.html +++ b/automatizovana-testovani.html @@ -54,10 +54,13 @@
  • Playwright Mocha reporter
  • Otázky a odpovědi k Playwright
  • -
  • Playwright DotNet
  • Reporty v Playwright
  • -
  • Playwright instalace VSCode +
  • Playwright instalace VSCode
  • +
  • Snímky obrazovky v Playwright
  • +
  • Playwright ukázka testu
  • Playwright seznámení> +
    @@ -80,4 +83,4 @@ - \ No newline at end of file + diff --git a/index.html b/index.html index 7499024..cf0ec74 100644 --- a/index.html +++ b/index.html @@ -12,6 +12,7 @@ Testing Docs - Hlavní strana +

    Testing Docs CZ

    Dokumentace pro všechny testery

    @@ -43,7 +44,7 @@
    -

    Testing Docs CZ

    + et

    Testing Docs CZ

    Vítám tě na této stránce, která slouží jako dokumentace pro softwarové testery.

    Docs je stále ve vývoji a pracuje se na ní pouze ve volném čase a v jedné osobě (tak děkuji za pochopení @@ -80,4 +81,4 @@ - \ No newline at end of file + diff --git a/style.css b/style.css index 5fd93e4..2fbb326 100644 --- a/style.css +++ b/style.css @@ -29,6 +29,7 @@ body { .content { flex: 3; + margin-bottom: 20px; } .articles {