Skip to content

Commit 0d4cfb7

Browse files
authored
corrections
1 parent 092b5b7 commit 0d4cfb7

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

docs/en/guides/getting-started.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
## Installation
44

5-
Pour avoir un rapide avant goût de `vue-test-utils`, clonez notre répertoire de démontration avec l'installation de base puis installez les dépendances :
5+
Pour avoir un rapide avant-goût de `vue-test-utils`, clonez notre répertoire de démonstration avec l'installation de base puis installez les dépendances :
66

77
``` bash
88
git clone https://github.com/vuejs/vue-test-utils-getting-started
@@ -41,7 +41,7 @@ export default {
4141

4242
`vue-test-utils` teste les composants Vue en les isolants puis en les montant, il simule les entrées nécessaires (props, injections et évènements utilisateur) et asserte les sorties (le rendu, les évènements émis).
4343

44-
Les composants montés sont retournés dans un [Wrapper](./api/wrapper.md), qui expose en quantité des méthodes pour manipuler, traverser et interroger l'instance du composant Vue en question.
44+
Les composants montés sont retournés dans un [Wrapper](./api/wrapper.md), qui expose de nombreuses méthodes pour manipuler, traverser et interroger l'instance du composant Vue en question.
4545

4646
Vous pouvez créer des wrappers en utilisant la méthode `mount`. Créons un fichier nommé `test.js` :
4747

@@ -60,13 +60,13 @@ const wrapper = mount(Counter)
6060
const vm = wrapper.vm
6161

6262
// Pour inspecter le wrapper en profondeur, utilisez console
63-
// puis l'aventure avec vue-test-utils commence !
63+
// puis votre aventure avec vue-test-utils commence !
6464
console.log(wrapper)
6565
```
6666

6767
### Tester le contenu du rendu HTML d'un composant
6868

69-
Nous avons maintenant un wrapper, la première chose que l'on peut faire est de vérifier que le contenu du rendu HTML du composant correspond à ce qu'il est censé être.
69+
Nous avons maintenant un wrapper, la première chose que l'on peut faire, c'est de vérifier que le contenu du rendu HTML du composant correspond à celui attendu.
7070

7171
```js
7272
import { mount } from 'vue-test-utils'
@@ -80,7 +80,7 @@ describe('Counter', () => {
8080
expect(wrapper.html()).toContain('<span class="count">0</span>')
8181
})
8282

83-
// c'est aussi très simple de vérifier qu'un élement existe
83+
// c'est aussi très simple de vérifier qu'un élément existe
8484
it('a un bouton', () => {
8585
expect(wrapper.contains('button')).toBe(true)
8686
})
@@ -89,7 +89,7 @@ describe('Counter', () => {
8989

9090
On peut maintenant lancer les tests avec `npm test`. Vous devriez voir les tests se lancer et réussir.
9191

92-
### Simuler des interactions utilisateur
92+
### Simulation de l'interaction utilisateur
9393

9494
Notre compteur devrait s'incrémenter quand l'utilisateur clique sur le bouton. Pour simuler ce comportement, on doit tout d'abord localiser le bouton avec `wrapper.find()`, qui retourne un **wrapper pour l'élément bouton**. On peut ensuite simuler un clic en appelant `.trigger()` sur le wrapper du bouton :
9595

@@ -104,13 +104,13 @@ it('le clic sur le bouton devrait incrémenter le compteur', () => {
104104

105105
### Et quid de `nextTick` ?
106106

107-
Vue groupe les mises à jour du DOM en attentes puis les appliquent de façon asynchrone pour prévenir d'éventuel multiples rendus causés par de multiples mutations de données. C'est pourquoi en pratique, on a souvent à utiliser `Vue.nextTick` pour attendre que Vue modifie le DOM actuel après avoir lancé quelques changements d'état.
107+
Vue groupe les mises à jour du DOM en attentes puis les appliquent de façon asynchrone pour prévenir d'éventuels multiples rendus causés par de multiples mutations de données. C'est pourquoi en pratique, on a souvent à utiliser `Vue.nextTick` pour attendre que Vue modifie le DOM actuel après avoir lancé quelques changements d'état.
108108

109109
Pour simplifier cela, `vue-test-utils` applique toutes les mises à jour de façon synchrone afin que vous n'ayez pas besoin d'utiliser `Vue.nextTick` pour attendre des mises à jour du DOM dans vos tests.
110110

111111
*Note : `nextTick` est toujours nécessaire quand vous souhaitez explicitement faire avancer la boucle des évènements, pour des opérations telles que des fonctions de rappel ou des résolutions de promesses.*
112112

113113
## Et après ?
114114

115-
- Intégrer `vue-test-utils` dans votre projet en [choisissant votre lanceur de tests](./choosing-a-test-runner.md)
115+
- Intégrez `vue-test-utils` dans votre projet en [choisissant votre lanceur de tests](./choosing-a-test-runner.md)
116116
- En apprendre plus sur les [techniques et astuces pour écrire des tests](./common-tips.md)

0 commit comments

Comments
 (0)