Nouveau : Datasets open source gratuits disponibles !Decouvrir →
🧪
testing 20 entrees

Playwright Cheatsheet

Découvrez nos astuces essentielles pour maîtriser Playwright : votre guide pratique step-by-step!

Bases & syntaxe

Lancer Playwright

npx playwright test

Lance les tests Playwright dans votre projet

Créer un navigateur

const browser = await chromium.launch();
const context = await browser.newContext();
const page = await context.newPage();

Ouvre un navigateur et crée une nouvelle page

Structures de données

Tableaux (Array)

let items = [1, 2, 3];
items.push(4);
console.log(items); // [1, 2, 3, 4]

Manipulation de tableaux en JavaScript

Objets (Object)

let user = { name: 'Alice', age: 25 };
user.email = 'alice@example.com';
console.log(user); // { name: 'Alice', age: 25, email: 'alice@example.com' }

Manipulation d'objets en JavaScript

Fonctions & methodes essentielles

Sélectionner un élément

await page.click('button.login');

Clique sur un bouton par son sélecteur

Récupérer du texte

let text = await page.textContent('div.title');
console.log(text);

Récupère le contenu de texte d'un élément

Saisir une valeur dans un champ

await page.fill('input[name="username"]', 'alice');

Remplit un champ avec une valeur

Patterns courants

Gérer les exceptions

try {
    await page.click('button.submit');
} catch (error) {
    console.error('Erreur lors du clic', error);
}

Traitement des erreurs dans les tests Playwright

Utiliser un timeout

await page.waitForSelector('div.loading', { timeout: 5000 });

Attend une sélection avec un délai maximal

Opérations avancées

Accéder à l'API de la page

let title = await page.title();
console.log(title);

Récupère le titre de la page

Exécuter du code dans le contexte de la page

let result = await page.evaluate(() => {
    return document.body.innerHTML;
});
console.log(result);

Exécute JavaScript sur la page et récupère les résultats

Debugging & outils

Activer la console d'erreurs

page.on('error', error => {
    console.error('Erreur Playwright:', error);
});

Capture et affiche les erreurs en cours de test

Utiliser l'enregistrement des tests

npx playwright test --headed --record

Lance le navigateur avec la version enregistrée du test

Projet Playwright a lancer ?

Besoin d'aide sur un projet ? Decrivez-le pour des conseils personnalises.

Recevoir des conseils

Questions frequentes

A quoi sert cette cheatsheet Playwright ?
Cette cheatsheet Playwright regroupe la syntaxe, les commandes et les astuces essentielles pour Playwright. Elle est concue pour servir d'aide-memoire rapide, que vous soyez debutant ou developpeur confirme cherchant une reference rapide.
Comment utiliser cette cheatsheet Playwright ?
Parcourez les sections pour trouver la syntaxe ou la commande dont vous avez besoin. Vous pouvez la garder ouverte dans un onglet pendant que vous codez, ou la copier dans vos notes pour un acces hors ligne.
Cette cheatsheet est-elle a jour ?
Oui, nos cheatsheets sont regulierement mises a jour pour refleter les dernieres versions et bonnes pratiques de Playwright. Si vous remarquez une information obsolete, n'hesitez pas a nous contacter.

Pages liees

Chaque semaine, le meilleur de la tech francaise

Tendances, salaires, outils et opportunites — directement dans votre boite mail.

Gratuit. Desabonnement en un clic. Pas de spam.