📚 Cheatsheet

Une collection organisée de snippets de code pour accélérer votre développement. Parcourez, recherchez et copiez en un clic.

Snippets 6

Retour
Bonne Pratique - Éviter les attentes fixes
Facile
// À éviter :
cy.wait(2000);

// Préférer :
cy.get('.element', { timeout: 5000 }).should('be.visible');
Bonne Pratique - Sélecteurs basés sur les données
Facile
cy.get('[data-testid="submit-button"]');
// HTML: <button data-testid="submit-button">
Bonne Pratique - Tests indépendants
Intermédiaire
it('should create an item', () => { ... });
it('should delete an item', () => {
  // Crée d'abord l'item nécessaire pour ce test
});
Concept - Attentes implicites vs explicites
Intermédiaire
// Implicite (Cypress)
cy.get('.element').should('be.visible');

// Explicite (Playwright)
await page.waitForSelector('.element');
Concept - DRY (Don't Repeat Yourself) avec des commandes/fonctions
Facile
// Créer une fonction d'aide pour se connecter
function login(page, user, pass) { ... }
Concept - Page Object Model (POM)
Intermédiaire
class LoginPage {
  constructor(page) { this.page = page; }
  async login(user, pass) { ... }
}

// test.js
const loginPage = new LoginPage(page);
await loginPage.login('user', 'pass');