Skip to content

Commit 3b31478

Browse files
committed
Corrections suite à la review de Haeresis
1 parent 918c75f commit 3b31478

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
@@ -41,22 +41,22 @@ 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 sous 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 en quantité des 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

4848
```js
4949
// test.js
5050

51-
// Importe la méthode mount() depuis test utils
51+
// Importe la méthode `mount()` depuis test utils
5252
// et le composant qu'on souhaite tester
5353
import { mount } from 'vue-test-utils'
5454
import Counter from './counter'
5555

5656
// On monte le composant et nous voilà avec un wrapper
5757
const wrapper = mount(Counter)
5858

59-
// On accède à l'instance actuelle de Vue via wrapper.vm
59+
// On accède à l'instance actuelle de Vue via `wrapper.vm`
6060
const vm = wrapper.vm
6161

6262
// Pour inspecter le wrapper en profondeur, utilisez console
@@ -66,7 +66,7 @@ console.log(wrapper)
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 et de vérifier que le contenu du rendu HTML du composant correspond à ce qu'il est sensé être.
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.
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 auss très simple de vérifier qu'un élement existe
83+
// c'est aussi très simple de vérifier qu'un élement existe
8484
it('a un bouton', () => {
8585
expect(wrapper.contains('button')).toBe(true)
8686
})
@@ -104,11 +104,11 @@ 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é 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'é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.
108108

109-
Pour simplifier cela, `vue-test-utils` applique toutes les mises à jour de façon synchrone afin que vous n'ayez pas besin d'utiliser `Vue.nextTick` pour attendre des mises à jour du DOM dans vos tests.
109+
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

111-
*Note : `nextTick` est encore 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 promise.*
111+
*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

0 commit comments

Comments
 (0)