Program Testy Automatyczne z Playwright – Changelog

Tutaj znajdziesz informacje dotyczące aktualizacji PROGRAM TESTY AUTOMATYCZNE Z PLAYWRIGHT. Pamiętaj, aby zweryfikować lekcje tekstowe w razie rozbieżności z lekcjami wideo!

2025 najbliższe plany

W najbliższych miesiącach planujemy dodanie:

  • rozszerzenie testów REST API w Playwright
  • mockowanie REST API
  • opracowanie lekcji z Visual Testing
  • DDT i wsparcie testów GUI z API

2024-12

Aktualizacje i nowe lekcje: Profesjonalny framework do testów z Playwright

  • Aktualizacja lekcji na temat reguł z ESLint we frameworku:
    ESLint – Przygotowanie projektu cz.2 Dbanie o jakość kodu.

    Dodaliśmy osobne wideo gdzie tłumaczymy dlaczego rekomendowane ustawienia dla ESLint i TypeScriptESLint powinny być trzymane razem.

    Kod wcześniej:

      pluginJs.configs.recommended,
      {
        rules: {
          'no-console': 'error',
        },
      },
      ...tseslint.configs.recommended,
      {
        rules: {
          '@typescript-eslint/explicit-function-return-type': 'error',
        },
    
    

    Kod teraz:

      pluginJs.configs.recommended,
      ...tseslint.configs.recommended,
      {
        rules: {
          'no-console': 'error',
        },
      },
      {
        rules: {
          '@typescript-eslint/explicit-function-return-type': 'error',
        },
    
    

Nowe lekcje: Rozszerzone koncepty z Playwright

  • Nowa Sekcja na temat testów metod PUT i PATCH we frameworku:
    Testy modyfikacji zasobów API.

    W nowych lekcjach projektujemy testy REST API zasobów z uwzględnieniem ich umiejscowienia w dotychczas budowanym frameworku do testów automatycznych.

Nowe lekcje w kursie: Webinary i LIVE’y – Automatyzacja z Playwright

  1. Dodaliśmy Webinar: Playwright rośnie a Ty? Gdzie szukać wiedzy o Playwright i jak ją wykorzystać.

    Znajdziesz tam prawie 2 godziny nagrań naszych nowych inicjatywach (Discord, Ambasadorzy), o wtyczkach do Playwright oraz o budowaniu marki osobistej.

2024-11

Nowe lekcje w kursie: Playwright Elements – Kluczowe koncepcje automatyzacji testów

Opublikowaliśmy nową sekcję Mockowanie REST API w Playwright

Dodaliśmy do niej pierwsze lekcje:

  • Czym jest mockowanie i jak wygląda mockowanie REST API w Playwright
  • Pierwsze testy z mockowaniem w Playwright

Aktualizacje i nowe lekcje: JavaScript dla Testera

  1. Dodaliśmy całkowicie nowy kurs JavaScript dla Testera – Zadania i Wyzwania.

    Znajdziesz tam ponad 20 zadań o różnej trudności i zakresie. Łączą one w sobie różne tematy i dzięki temu pozwolą Ci przećwiczyć umiejętnosci programowania w języka JavaScript.

Nowe lekcje w kursie: Webinary i LIVE’y – Automatyzacja z Playwright

  1. Dodaliśmy Przewrót w automatyzacji testów! Gdzie inwestować w rozwój?.

    Znajdziesz tam prawie 2 godziny nagrań o nowych paradygmatach i funkcjach, które wprowadza Playwright.

Aplikacja GAD🦎

Link: https://github.com/jaktestowac/gad-gui-api-demo

  1. W nowej wersji GAD dodaliśmy nowe specjalnie przygotowane stron do testów. Tym razem przygotowaliśmy strony do ćwiczenia mockowania REST API.

    Również opublikowaliśmy moduł messenger, który dodaje funkcjonalność wysyłania wiadomości do innych zarejestrowanych użytkowników. Dzięki temu możesz ćwiczyć automatyzację, która wymaga uruchomionych wielu sesji naraz 😉

    Strony te są dostępne z głównej strony GADa pod przyciskiem practice pages – link do najnowszej wersji v2.7.9.

    Wszystkie wersji GADa możesz podejrzeć tutaj: releases

2024-10

Aktualizacja zbiorcza:

Kursy:
Rozszerzone koncepty z Playwright
Profesjonalny framework do testów z Playwright
Praktyczne wprowadzenie do testów automatycznych z Playwright

Wraz z domyślnym wsparciem przez VSCode standardu ES2022 zmienia się sposób w jaki rekomendujemy tworzenie klas dla page objects.

ES to standard wg którego powinien powstawać kod w JS/TS.

Wcześniej tak dodawaliśmy wartość do pól korzystających z page:

import { Page } from '@playwright/test';


export class MainMenuComponent {
  commentsButton = this.page.getByTestId('open-comments');


  constructor(private page: Page) {}
}

Teraz inicjalizacja pola następuje w konstruktorze a deklaracja z typem przed konstruktorem.

import { Locator, Page } from '@playwright/test';


export class MainMenuComponent {
  commentsButton: Locator;


  constructor(private page: Page) {
    this.commentsButton = this.page.getByTestId('open-comments');
  }
}

Pamiętaj więc aby od teraz tak inicjalizować pola, które korzystają z dynamicznie przekazywanych wartości.

Przy statycznych jak url:

export class HomePage extends BasePage {
  url = '/';


  constructor(page: Page) {
    super(page);
  }
}



Nie musisz tego stosować.

Jeśli nie wiesz jak zainicjalizować pole, czy w konstruktorze czy przed konstruktorem:
Dodaj inicjalizacje PRZED konstruktorem i zobacz czy dostaniesz powiadomienie o błędzie.

Kod w obu przypadkach zadziała, jednak w drugim przypadku nie będzie zgłoszonych błędów w standardzie nowszym niż ES2021.

Lekcje i kod w repozytoriach zostały uaktualnione do nowego standardu. Dzięki temu odnajdziesz bez problemu w poszczególnych lekcjach i zmianach jakie nanieśliśmy.

Aktualizacje i nowe lekcje: Profesjonalny framework do testów z Playwright i Rozszerzone koncepty z Playwright

  • Każda lekcja w repozytorium otrzymała aktualizację do najnowszych paczek (na dzień 10/10/2024) i została przetestowana: prettier, lint, tsc oraz uruchomieniem testów.
  • W lekcjach korzystamy teraz ze standardu ESNext (wcześniej: ES2021).
    Dzięki temu będziemy zgodni z najnowszymi standardami.
    Pamiętaj, że może to się objawić raportowaniem nowych ostrzeżeń w kodzie w związku z wdrażaniem kolejnych standardów w ES. Jeśli taki zaobserwujesz napisz nam komentarz.

    Odświeżyliśmy w związku z tym lekcję:
    Zarządzanie wersją standardu JavaScript

  • Skrypty Husky już niedługo nie będą tolerowały dodatkowych skryptów jak wcześniej:
    folder .husky, plik pre-commit

    #!/usr/bin/env sh
    . "$(dirname -- "$0")/_/husky.sh"
    
    npm run lint
    

    teraz umieszczamy wyłącznie polecenia do wykonania (bez tych pierwszych dwóch linijek konfiguracyjnych).

    Lekcja: Przygotowanie projektu cz.3 – Husky i dokumentacja

  • Nowa lekcja: BONUS: Sprawdzanie zasad TypeScript Compiler.

    Dzięki niej zobaczysz jak wychwytywać błędy których nie rozpoznaje ESLint i dodać nowe zabezpieczenie do twojego frameworka.

  • Lekcja: Smoke tests i Page Object.

    Usunęliśmy nadmiarowy await z funkcji:

    async title(): Promise<string> {
    	await this.page.waitForLoadState();
    	return this.page.title();
    }
    

Aktualizacje i nowe lekcje: Praktyczne wprowadzenie do testów automatycznych z Playwright

2024-09

Nowe lekcje w kursie: Playwright Elements – Kluczowe koncepcje automatyzacji testów

Opublikowaliśmy nowe lekcje: Playwright Elements – Kluczowe koncepcje automatyzacji testów.

Dodaliśmy bardziej zaawansowane koncepty i zadania utrwalające wiedzę:

  • Teraz Ty – Auto-waiting i Web First Assertions
  • Rozwiązanie – Auto-waiting i Web First Assertions
  • Własne asercje w Playwright (część 1)
  • Własne asercje w Playwright (część 2)
  • Teraz Ty – własna asercja w Playwright
  • Rozwiązanie – własna asercja w Playwright
  • Własne asercje typu Web First Assertions w Playwright (część 1)

W sumie ok. 3 godziny nowych nagrań!

Aktualizacje w kursach: Profesjonalny framework do testów z Playwright i Rozszerzone koncepty z Playwright

Cały nasz framework będzie teraz korzystał z ESLint 9!
Kod wszystkich lekcji został zmigrowany i przetestowany w najnowszej wersji ESlint 9.
Czekają na Ciebie nowe lekcje dotyczące instalacji i używania ESLint 9 (oraz migracji ze starszej wersji do najnowszej).

  1. Lekcja z instalacją ESLint:

    ESLint instalacja i podstawowe ustawienia

  2. Lekcja z rozszerzeniem ESLint:

    ESLint rozszerzenie konfiguracji

    Pozostawiamy lekcję z konfiguracją ESLint 8 na wypadek, gdyby ktoś koniecznie potrzebował tej wersji:
    ESLint 8 – instalacja i użycie starszej wersji

  3. Lekcja z krokami przejścia w projekcie z ESLint8 do ESLint9:

    Migracja z ESLint8 do ESLint9

Aplikacja GAD🦎

Link: https://github.com/jaktestowac/gad-gui-api-demo

  1. Wszystkie wersji GADa możesz podejrzeć tutaj: releases

Nowe lekcje w kursie: JavaScript dla Testera

Opublikowaliśmy nowe lekcje w kursie JavaScript dla Testera.

  1. Czym jest destrukturyzacja w JavaScript? Jak ją stosować?

2024-08

Nowe lekcje w kursie: Playwright Elements – Kluczowe koncepcje automatyzacji testów

Opublikowaliśmy nowe lekcje: Playwright Elements – Kluczowe koncepcje automatyzacji testów.

  • Operacje na listach lokatorów
  • Teraz Ty – operacje na listach lokatorów
  • Rozwiązanie – operacje na listach lokatorów
  • Różne sposoby szukania elementów i metody w lokatorach
  • Teraz Ty – różne sposoby wyszukiwania elementów i metody w lokatorach
  • Rozwiązanie – różne sposoby wyszukiwania elementów i metody w lokatorach
  • Bonus: Szukanie elementów w zagnieżdżonych tabelach (100% praktyki!)
  • Auto-waiting i Web First Assertions
  • Efektywna automatyzacja z Playwright – stworzone przez nas wtyczki do VS Code

W sumie ok. 4 godziny nowych nagrań!

Nowe lekcje w kursie: Rozszerzone koncepty z Playwright

Dodaliśmy nową sekcję Sekcja 3: Refaktoryzacja testów API.

  • Wydzielenie abstrakcji API do niezależnych miejsc
  • Podział plików testowych w zależności od akcji
  • Własne funkcje tworzące zasób z weryfikacją
  • Modelowanie funkcji i interfejsów
  • Wydzielenie własnych asercji
  • Teraz Ty – zadanie dla Ciebie
  • Upraszczanie kodu testów w związku z podziałem

Aplikacja GAD🦎

Link: https://github.com/jaktestowac/gad-gui-api-demo

  1. W nowej wersji GAD poprawiliśmy i usprawniliśmy niektóre ze specjalnie przygotowanych stron do testów. Strony te są dostępne z głównej strony GADa pod przyciskiem practice pages – link do najnowszej wersji v2.7.3.

    Wszystkie wersji GADa możesz podejrzeć tutaj: releases

2024-07

Nowy kurs: Playwright Elements – Kluczowe koncepcje automatyzacji testów

  1. Opublikowaliśmy nowy kurs: Playwright Elements – Kluczowe koncepcje automatyzacji testów.

    Przygotowaliśmy ten kurs dla wszystkich, którzy chcą poznać kluczowe koncepcje automatyzacji testów.

    Poszczególne tematy są podzielone na sekcje tematyczne. Każde nagranie i lekcja będzie na tyle atomowe, że możesz praktycznie od razu udać się do tematu, którą będziesz chciał poznać. Bazujemy tutaj głównie na specjalnie przygotowanych stronach do ćwiczeń, aby łatwo i szybko ćwiczyć różne koncepcje w automatyzacji testów.

    Aktualnie znajdziesz tam lekcje:

    • Wprowadzenie do kursu
    • Aplikacja do testów – gdzie będziemy testować koncepty automatyzacji?
    • Selektory i lokatory w Playwright – jak znajdować elementy na stronie
    • Teraz Ty – wyszukiwanie elementów na stronie
    • Rozwiązanie – wyszukiwanie elementów na stronie
    • Nagrywanie testów a lokatory
    • Czym jest test id i data-testid? Jak szukać elementów po tych atrybutach?
    • Różne sposoby wyszukiwania elementów i metody w lokatorach

    Aktualnie materiał ten zawiera ok 90 minut nagrań.

Nowe lekcje w kursie: Nowoczesna Ciągła Integracja i testy automatyczne z Playwright i GitHub Actions

  1. Dodaliśmy lekcje: Jak uruchomić testy dla GADa w CI/CD?.

    Dodaliśmy szybką lekcję, w której opisujemy jak uruchamiać testy dla GADa w CI/CD 🙂
    Jest to na razie uproszczona wersja, którą planujemy w przyszłości rozszerzyć o kolejne tematy i szczegóły.

Nowe lekcje w kursie: Przegląd Architektury Testów

  1. Dodaliśmy lekcje: Page Object Model, różne podejścia i praktyki.

    Opowiadamy w niej o różnych podejściach do wzorca POM. Dodatkowo opowiadamy o rozszerzeniach POM za pomocą innych praktyk i wzorców 😉

Aplikacja GAD🦎

Link: https://github.com/jaktestowac/gad-gui-api-demo

  1. W nowej wersji GAD znajdziesz specjalnie przygotowane strony do testów. Strony te są dostępne z głównej strony GADa pod przyciskiem practice pages – link do najnowszej wersji v2.7.2.

    Wszystkie wersji GADa możesz podejrzeć tutaj: releases

Aktualizacje w kursie: Profesjonalny framework do testów z Playwright

  1. Lekcja z instalacją Prettier, ESLint i sortowaniem importów została rozbita na trzy niezależne lekcje:

    Prettier – Przygotowanie projektu cz.2 Dbanie o jakość kodu

    ESLint – Przygotowanie projektu cz.2 Dbanie o jakość kodu

    Sortowanie importów – Przygotowanie projektu cz.2 Dbanie o jakość kodu

    Wciąż czekamy na integrację wszystkich narzędzi z ESLint 9. Dlatego pozostaniemy na razie (i rekomendujemy) ESLint 8.

2024-06

Nowe lekcje w kursie: Przegląd Architektury Testów

  1. Dodaliśmy lekcje: Przygotowanie środowiska – różne metody zarządzania danymi.

    Opowiadamy w niej o różnych technikach na przygotowanie danych i środowiskach – hooki, projekty, fixtures czy setup. Pokazujemy również jakie mają wady i zalety i gdzie można je stosować.

Nowe lekcje w kursie: Webinary i LIVE’y – Automatyzacja z Playwright

  1. Dodaliśmy Webinar: GUI vs API w Playwright. Odkryj testy GUI i REST API w nowoczesnym wydaniu.

    Znajdziesz tam ponad 3.5 godzin nagrań o testach GUI vs API w Playwright. Dodatkowo w materiałach bonusowych pokazujemy jak AI może wesprzeć nasze testy automatyczne 😉 Wszystko w postaci nagrań, prezentacji, repozytorium z kodem oraz rozszerzenia w postaci tekstu 😉

Nowe lekcje w kursie: Praktyczne wprowadzenie do testów automatycznych z Playwright

  1. Dodaliśmy lekcje o tagach i adnotacjach do kursu: Praktyczne wprowadzenie do testów automatycznych z Playwright.

2024-05

Nowe lekcje w kursie: Rozszerzone koncepty z Playwright

  1. Dodaliśmy nową sekcję Sekcja 2: Tworzenie i usuwanie zasobów przez API.

    To 14 lekcji i 3 zadania dla Ciebie i ponad 3 godziny nagrań przepełnionych praktyką i kodem!

    Poruszamy w nich: autoryzacja przez REST API, tworzenie i usuwanie zasobów przez REST API, flaky tests, czekanie na zasoby i wiele innych.

Powstaje nowy kurs: GAD – poznaj naszą autorską aplikację do nauki automatyzacji

  1. Dodaliśmy nowy materiał, w którym dokałdnie przedstawiamy naszą aplikację do testów – 🦎GAD – poznaj naszą autorską aplikację do nauki automatyzacji.
  2. Pierwsze lekcje to prezentacja GADa, lokalna instalacja, obsługa błędów i aktualizacja GAD.

2024-04

Powstaje nowy kurs: Test wiedzy i Certyfikat z Programu Testy Automatyczne w Playwright

  1. Dodaliśmy Test Wiedzy jako Test wiedzy i Certyfikat z Programu Testy Automatyczne w Playwright. Jest to test z aktualnie dostępnych materiałów.

    Po pomyślnym zdaniu testu otrzymasz certyfikat! 😉

Kurs: Profesjonalny framework do testów z Playwright

  1. Dodaliśmy aktualizację do lekcji: Baza wiedzy: Kod wszystkich lekcji.

    W nowym nagraniu prezentujemy:
    Jak zaciągnąć kod wszystkich lekcji.
    Jak zainstalować wybraną lekcję i zweryfikować jej działanie.
    Jak porównać aktualny kod nad którym pracujemy z kodem wynikowym lekcji.

  2. Mamy nową wersję ESLint 9 i wprowadza ona zmiany, które nie są kompatybilne z innymi rozwiązaniami których używamy.

    Zalecamy dlatego pozostanie na ESLint 8 (a jeśli nie masz w projekcie ESLint lub przez zainstalowałeś ESLint 9 to zachęcamy do instalacji stabilnej wersji 8)
    Poprzednie sugerowane polecenie instalacyjne:

    npm install eslint --save-dev
    

    Obecne z wersją 8:

    npm install eslint@8 --save-dev
    

    Przygotowaliśmy pierwsze materiały jak można zmigrować do najnowszej wersji ESLint 9.

    Pełną aktualizację znajdziesz w lekcji: Przygotowanie projektu cz.2 Dbanie o jakość kodu

Nowe lekcje w kursie: Przegląd Architektury Testów

  1. Dodaliśmy lekcje o piramidzie testów do kursu: Przegląd Architektury Testów.
  2. Dodaliśmy quizy do kursu: Przegląd Architektury Testów.

    Pozwolą Ci na sprawdzenie i utrwalenie zdobytej wiedzy 😉

Nowe lekcje: Praktyczne wprowadzenie do testów automatycznych z Playwright

  1. Dodaliśmy nowe lekcje Tagi w testach automatycznych do kursu Praktyczne wprowadzenie do testów automatycznych z Playwright.

Platforma jaktestowac.pl

Wyszukiwarka – używając opcji Szukaj możesz wyszukiwać frazy po wszystkich lekcjach na naszej platformie na jaktestowac.pl 🙂 Wyszukiwanie dotyczy wszystkich lekcji, nawet tych do których nie posiadasz dostępu, dlatego warto zwrócić uwagę z jakiego Programu pochodzą wyszukiwane lekcje i odpowiednie dostosować frazę wyszukiwania.

Aplikacja GAD🦎

Link: https://github.com/jaktestowac/gad-gui-api-demo

  1. Wypusciliśmy nowe wersje GADa, a w nich m.in: ankiety (surveys), SQL Playground, zmianę języka na stronach ankiet, cookie banner, advert banner, nowe gry do testów i wiele poprawek – link do najnowszej wersji v2.6.4.

    Wszystkie wersji GADa możesz podejrzeć tutaj: releases

2024-03

Kurs: Profesjonalny framework do testów z Playwright

  1. Zmiany w użyciu Husky w dokumentacji README.md naszego repozytorium.
    Było:

    - setup husky with: `npx husky init`
    

    Jest:

    - setup husky with: `npx husky`
    

    Gdy dodajemy Husky po raz pierwszy do projektu używamy polecenia:

    npx husky init
    

    Gdy ktoś zaciąga nasze repozytorium i chce aktywować Husky wykonuje polecenie:

    npx husky
    

    Dodaliśmy aktualizację do lekcji: Przygotowanie projektu cz.3 – Husky i dokumentacja

  2. Zmiany w lintowaniu expect poza testami. Zachodzą one od Sekcji 07 Lekcji 04:
    Lekcja: Przekazywanie sesji pomiędzy projektami

    Wraz z nowymi zasadami lintowania w bibliotece eslint-plugin-playwright nie możemy dodawać expect w kodzie który nie występuje w ogólnie przyjętych nazwach dla funkcji do testów (czyli u nas test).

    Jednak mamy tutaj sytuację w lekcji w której występuje przypadek poprawnej zmiany nazwy test (sugerowanej w dokumentacji).

    Aby zgrać te wymagania wystarczy dodać kod do pliku .eslintrc.json:

      "settings": {
        "playwright": {
          "globalAliases": {
            "test": ["setup"]
          }
        }
      }
    

    ten blok dodajemy zaraz po rules:

      "rules": {
        "@typescript-eslint/explicit-function-return-type": "error",
        "no-console": "warn",
        "playwright/no-nested-step": "off",
        "prettier/prettier": "warn"
      },
      "settings": {
        "playwright": {
          "globalAliases": {
            "test": ["setup"]
          }
        }
      }
    

    Dzięki temu ustawieniu możemy dodać dowolną liczbę aliasów dla nazw funkcji testów w naszym frameworku i wciąż, zapewnić pilnowanie aby expect nie wyciekały poza testy.

  3. Aktualizacja narzędzia Prettier wycofała potrzebę dodawania przecinka w ostatnim wierszu ze zmiennymi w pliku tsconfig.json. Plik został uaktualniony o usunięcie tego przecineka i weryfikacja z Prettier przebiega poprawnie:
    Lekcja w wersji tekstowej zaktualizowana: Coding Standards

    Pamiętaj, że wystarczy uruchomić npx prettier --write . jeśli pojawi się informacja o niepoprawnym formatowaniu.

Kurs: Webinary

  1. Dodaliśmy pełne nagranie i opracowanie webinaru związanym z pytaniami od społeczności. Webinar: Zapytaj o Playwright. Rozwiej swoje wątpliwości i spokojnie automatyzuj

Powstaje nowy Kurs: Rozszerzone koncepty z Playwright

Rozszerzone koncepty z Playwright, a w nim sekcja o Podstawy testów REST API w Playwright

Powstaje nowy Kurs: Przegląd Architektury Testów

Przegląd Architektury Testów, a w nim lekcja pt. Architektura i Decision Log

2024-02

Kurs: Profesjonalny framework do testów z Playwright

  1. Zmiany w paczce Husky, używanej u nas do startowania skryptów przed commitem. W wersji 9 odrobinę zmieniła zachowanie:

    https://github.com/typicode/husky/releases/tag/v9.0.1

    Teraz inaczej ją inicjalizujemy, ale skrypty z frameworka działają jak należy.

    Dodaliśmy aktualizację do lekcji: Przygotowanie projektu cz.3 – Husky i dokumentacja

Kurs: Typescript

  1. Nowy kod i projekt dla Node.js w wersji 20 i wyżej.

    Lekcja: Jak korzystać z zadań oraz Projekt do pobrania

Aplikacja GAD🦎

Link: https://github.com/jaktestowac/gad-gui-api-demo

  1. Wypusciliśmy nową wersję GADa, a w niej m.in: bookmarks w artykułach, sprawdzanie wersji GAD, FEATURE FLAGS – łatwe przełączanie bugów i feature’ów, nowe gry do testów i wiele poprawek – v2.5.

    Wszystkie wersji GADa możesz podejrzeć tutaj: releases

2024-01

Kurs: Profesjonalny framework do testów z Playwright

  1. Udostępniliśmy Sekcję 10 w której robimy pierwsze testy z API.
    Dodatkowo zyskasz darmowy dostęp do kursu o podstawach API i REST API
    Lekcja: Wstęp: Testy API w Playwright
  2. Po aktualizacji VSCode zmieniła się wartość w ustawieniu w pliku .vscode/settings.json z

    "source.organizeImports": true
    

    na:

    "source.organizeImports": "explicit"
    

    Nie zmienia to nic w działaniu frameworka – jest to jedynie usprawnienie twórców VSCode.
    Lekcja w której dodaliśmy info w formie tekstu: Przygotowanie projektu cz.2 Dbanie o jakość kodu

  3. Aktualizacja narzędzia Prettier wprowadza w pewnych miejscach potrzebę dodawania przecinka w ostatnim wierszu ze zmiennymi. U nas to dotyczyło pliku tsconfig.json. Plik został uaktualniony o ten przecinek i weryfikacja z Prettier przebiega poprawnie:
    Lekcja w wersji tekstowej zaktualizowana: Coding Standards

    Pamiętaj, że wystarczy uruchomić npx prettier --write . jeśli pojawi się informacja o niepoprawnym formatowaniu.

  4. W pliku playwright.config.ts dodaliśmy zabezpieczenie przed problemem z rozwiązaniem ścieżki pod którą Playwright ma znaleźć global.setup.ts.
    Konfiguracja w starej wersji:

    export default defineConfig({
      testDir: './tests',
      globalSetup: 'src/global-setup.ts',
    ...
    });
    

    Konfiguracja w nowej wersji:

    export default defineConfig({
      testDir: './tests',
      globalSetup: require.resolve('./src/global-setup.ts'),
    ...
    });
    

    Lekcja w wersji tekstowej zaktualizowana: Zmienne środowiskowe zarządzane w dotenv

  5. Dostępny kod dla każdej lekcji został zaktualizowany o najnowsze wydania paczek (2024 styczeń). Link do pobrania znajdziesz tutaj:
    Kod do wszystkich lekcji.

Aplikacja GAD🦎

Link: https://github.com/jaktestowac/gad-gui-api-demo

  1. Wypusciliśmy nową wersję GADa, a w niej m.in: api ze statystykami, wyniki gier składowane w baziie, pomniejsze poprawki do błędów (autoryzację dla zasobu POST Comments w Swagger) – v2.4.3.

    Wszystkie wersji GADa możesz podejrzeć tutaj: releases

2023-12

Kurs: Nowoczesna Ciągła Integracja i testy automatyczne z Playwright i GitHub Actions

  1. Sekcja: Triggery, różne sposoby uruchamiania jobów i sharding
  2. Sekcja: Bonus: Zadania utrwalające wiedzę

Kurs: Profesjonalny framework do testów z Playwright

  1. Udostępniliśmy Sekcję 09 w której bardzo dokładnie omawiamy temat fixtures. Przygotowaliśmy niezależny projekt do testów, abyś w pełni zrozumiał ten dość złożony temat.
    Lekcja: Wstęp: Fixtures w Playwright
  2. Dodaliśmy specjalną lekcję gdzie znajdziesz inspirację dotyczące dedykowanych aplikacji na których poćwiczysz testowanie:
    Lekcja: Strony do testów

2023-11

Kurs: Nowoczesna Ciągła Integracja i testy automatyczne z Playwright i GitHub Actions

  1. Sekcja: Artefakty i raporty
  2. Sekcja: Cache i zarządzanie kolejnością i równoległością jobów

Kurs: Profesjonalny framework do testów z Playwright

  1. Dodaliśmy lekcję (obecnie w formacie tekstowym) jak aktualizować paczki we frameworku o najnowsze wersje, oraz jak radzić sobie z problemami przy tym procesie.
    Lekcja: Synchronizacja z najnowszymi paczkami
  2. Jeśli masz problemy z frameworkiem i testami, koniecznie przeczytaj poradnik:
    Lekcja: Mam problemy z testami… co zrobić?

2023-10

Kurs: Profesjonalny framework do testów z Playwright

  1. Udostępniliśmy Sekcję 07:
    Projekty zależne, sesja i aliasy
  2. Udostępniliśmy Sekcję 08:
    Obiekty stron w metodach Page Object
  3. Nowa wersja eslint-plugin-playwright wprowadza regułę ostrzegającą przed zagnieżdżonymi stepami.
    Lekcja: Dodatkowe operacje z test step akapit: Zgłaszanie ostrzeżenia o zagnieżdżonych test step.
  4. Dodanie nowego ustawienie w pliku .pretierrc.json.
    W nowej wersji Prettier aby w umożliwić działanie wtyczce do sortowania importów należy dodać na końcu:

      "plugins": ["@trivago/prettier-plugin-sort-imports"]
    

    Lekcja: Przygotowanie projektu cz.2 Dbanie o jakość kodu

  5. Poprawka zbyt szybkiej weryfikacji tytułu w nowej wersji Playwright:
    Metoda z getTitle() z BasePage wyglądała tak:

     async getTitle(): Promise<string> {
        return await this.page.title();
      }
    

    Otrzymuje dodatkowy kod await this.page.waitForLoadState();

     async getTitle(): Promise<string> {
        await this.page.waitForLoadState();
        return await this.page.title();
      }
    

    Lekcja: Smoke tests i Page Object

Kurs: Webinary

  1. Dodaliśmy pełne nagranie z webinaru o mockowaniu oraz przykłady i kod. Webinar: Playwright w akcji – testy GUI bez backendu (mockowanie)i

2023-09

Kurs: Nowoczesna Ciągła Integracja i testy automatyczne z Playwright i GitHub Actions

  1. Nowy kurs: Nowoczesna Ciągła Integracja i testy automatyczne z Playwright i GitHub Actions

Kurs: Profesjonalny framework do testów z Playwright

Udostępniliśmy Sekcje 03 – 06:
– Zarządzanie danymi, DTO, modele i factory
– Różne typy testów w frameworku
– Dług techniczny i Coding Standards
– Rozbudowane scenariusze e2e i Test Steps

2023-08

Kurs: Profesjonalny framework do testów z Playwright

Udostępniony kurs wraz z Sekcjami 01 i 02:
– Przygotowanie architektury testów i frameworka
– Dane testowe i zarządzanie modułami

Kurs: Webinary

  1. Dodaliśmy pełne nagranie z webinaru o testach zależnych z kodem, prezentacją i bonusami. Webinar: Testy zależne w Playwright

Kurs: JavaScript dla Testera

Udostępniony pełny kurs.

Kurs: TypeScript dla Testera

Udostępniony pełny kurs.

Kurs: Praktyczne wprowadzenie do testów automatycznych z Playwright

Udostępniony pełny kurs.