Installer Nouveau projet PlayWrite

  • cd nextgen/app/qa/tests-ui
  • mkdir playwright-ui-testing
  • cd playwright-ui-testing
  • npm init playwright@latest
    Répondre aux questions en faisant <CR>
  • pnpm exec playwright test --ui

Le lien d'installation est https://advans-group.atlassian.net/wiki/spaces/Cruiseline/pages/5237538817/QA+-+Playwright+Setup+and+Test+Execution+Guide+with+VS+Code+PNPM

https://grafikart.fr/tutoriels/test-end-to-end-playwright-2020

Notes :

  • Les fichiers dans le répertoire tests
  • Il faut que les fichiers de tests se terminent par .spec.ts afin qu'ils soient pris en compte comme des fichiers de tests

Répertoire de travail des tests :

Il faut que l'on soit dans le répertoire : 

  • nextgen/app/qa/tests-ui
  • Pour lancer le test : pnpm exec playwright test --ui




Script pour cliquer sur une checkbox :

Voici les lignes pour faire une programmation : 


const target = await page.getByTestId('refining-destinations-checkbox-0-input');
await expect(target).toBeVisible({ timeout: stepTimeout });
//await target.scrollIntoViewIfNeeded();
//await target.hover({ force: true });
await target.click({ force: true });
await page.waitForTimeout(500);


Récupération de l'URL courante :

const myUrlCompagny = page.url();

Charger une page avec une URL spécifique :

await page.goto(myUrlCompagny);
await page.waitForLoadState('networkidle');


Tuto sur Playwright

  1. mkdir tuto-playwright pour créer le répertoire
  2. cd tuto-playwright/
  3. pnpm init permet d'instancier Playwright et de créer les fichiers json
  4. pnpm  add -D @playwright/test installe Playwright dans le répertoire
  5. pnpm playwright install permet d'installer les dépendances
  6. pnpm playwight test permet de lancer les tests
  7. mkdir tests Il faut que le répertoire soit nommé ainsi !
  8. créer un fichier test/playwright.spec.js qui contiendra les tests. Attention, il faut que le test aie le suffixe .spec.js