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