📚 Cheatsheet

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

Snippets 5

Retour
Tests (Vitest) : Structure d'un test
Facile 
import { describe, it, expect } from 'vitest'

describe('maFonction', () => {
  it('devrait fonctionner', () => {
    expect(1 + 1).toBe(2)
  })
})
Tests : Monter un composant (Vue Test Utils)
Intermédiaire 
import { mount } from '@vue/test-utils'
import MonComposant from './MonComposant.vue'

it('monte le composant', () => {
  const wrapper = mount(MonComposant)
  expect(wrapper.text()).toContain('Bonjour')
})
Tests : Passer des props
Intermédiaire 
const wrapper = mount(MonComposant, {
  props: { message: 'Hello World' }
})
Tests : Simuler un clic
Intermédiaire 
await wrapper.find('button').trigger('click')
Tests : Tester un événement émis
Avancé 
await wrapper.find('button').trigger('click')
expect(wrapper.emitted()).toHaveProperty('submit')