Skip to content

Commit 9432dc6

Browse files
committed
Review de Sylvain
Signed-off-by: Bruno Lesieur <[email protected]>
1 parent b785a44 commit 9432dc6

File tree

1 file changed

+10
-10
lines changed

1 file changed

+10
-10
lines changed

Diff for: src/v2/guide/unit-testing.md

+10-10
Original file line numberDiff line numberDiff line change
@@ -6,11 +6,11 @@ order: 23
66

77
## Outils et mise en place
88

9-
N'importe quoi de compatible avec un module basé sur un système de build va fonctionner. Mais si vous hésitez sur le choix d'un outil en particulier, essayez le lanceur de tests [Karma](http://karma-runner.github.io). Il y a beaucoup de plugins communautaires, incluant le support de [webpack](https://github.com/webpack/karma-webpack) et [Browserify](https://github.com/Nikku/karma-browserify). Pour une mise en place détaillée, référez-vous à la documentation respective de chaque projet. Ces exemples de configuration de Karma pour [webpack](https://github.com/vuejs-templates/webpack/blob/master/template/test/unit/karma.conf.js) et [Browserify](https://github.com/vuejs-templates/browserify/blob/master/template/karma.conf.js) pourront vous aider à démarrer.
9+
N'importe quoi de compatible avec un module basé sur un système de build basé sur les modules va fonctionner. Mais si vous cherchez une recommandation particulière, essayez le lanceur de tests [Karma](http://karma-runner.github.io). Il y a beaucoup de plugins communautaires, incluant le support de [webpack](https://github.com/webpack/karma-webpack) et [Browserify](https://github.com/Nikku/karma-browserify). Pour une mise en place détaillée, référez-vous à la documentation respective de chaque projet. Ces exemples de configuration de Karma pour [webpack](https://github.com/vuejs-templates/webpack/blob/master/template/test/unit/karma.conf.js) et [Browserify](https://github.com/vuejs-templates/browserify/blob/master/template/karma.conf.js) pourront vous aider à démarrer.
1010

11-
## De simples assertions
11+
## Des assertions simples
1212

13-
En terme de structure de test de code, vous n'avez rien de spécial à faire dans vos composants pour les rendre testables. Exportez simplement son objet d'options :
13+
En termes de structure de code pour les tests, vous n'avez rien de spécial à faire dans vos composants pour les rendre testables. Exportez juste les options en l'état :
1414

1515
``` html
1616
<template>
@@ -31,7 +31,7 @@ En terme de structure de test de code, vous n'avez rien de spécial à faire dan
3131
</script>
3232
```
3333

34-
Quand vous testez ce composant, tout ce que vous avez à faire est d'importer l'objet d'options avec un objet Vue pour faire des assertions communes :
34+
Quand vous testez ce composant, tout ce que vous avez à faire est d'importer l'objet d'options aux côtés de Vue pour faire une série d'assertions communes :
3535

3636
``` js
3737
// Importer Vue et le composant à tester
@@ -71,7 +71,7 @@ describe('MyComponent', () => {
7171

7272
## Écrire des composants testables
7373

74-
Beaucoup de sortie de rendu de composants sont principalement déterminées selon les props que les composants reçoivent. En fait, si une sortie de rendu de composant dépend uniquement de ses props, il devient très rapide de le tester. Exactement de la même manière qu'on ferrait des assertions sur la valeur de retour d'une fonction standard avec différents arguments. Voici un exemple :
74+
Une bonne partie du code en sortie du rendu d'un composant est principalement déterminé par les props qu'ils reçoivent. En fait, si le rendu d'un composant dépend uniquement de ses props, il devient assez facile à tester, de la même manière que l'on ferait une assertion sur la valeur de retour d'une fonction pure avec différents arguments. Voici un exemple :
7575

7676
``` html
7777
<template>
@@ -99,7 +99,7 @@ function getRenderedText (Component, propsData) {
9999
}
100100

101101
describe('MyComponent', () => {
102-
it('rendre correctement le message avec différentes props', () => {
102+
it('donne un rendu correct avec différentes props', () => {
103103
expect(getRenderedText(MyComponent, {
104104
msg: 'Bonjour'
105105
})).toBe('Bonjour')
@@ -111,13 +111,13 @@ describe('MyComponent', () => {
111111
})
112112
```
113113

114-
## Assertions de mise à jour asynchrones
114+
## Assertions sur des mises à jour asynchrones
115115

116-
Parce que Vue [fait les mises à jour du DOM de manière asynchrone](reactivity.html#File-d’attente-de-mise-a-jour-asynchrone), les assertions sur les mises à jour du DOM dû à un changement d'état doivent être faites dans une fonction de rappel `Vue.nextTick` :
116+
Parce que Vue [fait les mises à jour du DOM de manière asynchrone](reactivity.html#File-d’attente-de-mise-a-jour-asynchrone), les assertions sur les mises à jour du DOM résultant d'un changement d'état doivent être faites dans une fonction de rappel `Vue.nextTick` :
117117

118118
``` js
119119
// Inspecter le HTML généré après une mise à jour d'état
120-
it('mettre à jour le message rendu quand `vm.message` est mis à jour', done => {
120+
it('met à jour le message rendu quand `vm.message` est mis à jour', done => {
121121
const vm = new Vue(MyComponent).$mount()
122122
vm.message = 'foo'
123123

@@ -129,4 +129,4 @@ it('mettre à jour le message rendu quand `vm.message` est mis à jour', done =>
129129
})
130130
```
131131

132-
Nous avons planifié de travailler sur une collection de fonctions utilitaires de tests communs pour rendre encore plus simple les tests de composant de rendu avec différentes contraintes (par ex. des rendus peu profonds ignorant les composants enfants) et faire des assertions de leur sortie.
132+
Nous prévoyons de travailler sur une collection de fonctions utilitaires de tests communs pour rendre encore plus simple le rendu de composants avec différentes contraintes (par ex. des rendus peu profonds ignorant les composants enfants) et faire des assertions sur le code en sortie.

0 commit comments

Comments
 (0)