You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/en/testing.md
+11-11Lines changed: 11 additions & 11 deletions
Original file line number
Diff line number
Diff line change
@@ -18,7 +18,7 @@ export default new Vuex.Store({
18
18
})
19
19
```
20
20
21
-
Exemple de test de mutation utilisant Mocha + Chai (vous pouvez utiliser n'importe quel framework/bibliothèque d'assertion selon votre préférence) :
21
+
Exemple de test de mutation utilisant Mocha + Chai (vous pouvez utiliser n'importe quel framework/bibliothèque d'assertion selon vos préférences) :
22
22
23
23
```js
24
24
// mutations.js
@@ -32,12 +32,12 @@ export const mutations = {
32
32
import { expect } from'chai'
33
33
import { mutations } from'./store'
34
34
35
-
//assginement des mutations par destructuration
35
+
//assignement des mutations par déstructuration
36
36
const { increment } = mutations
37
37
38
38
describe('mutations', () => {
39
39
it('INCREMENT', () => {
40
-
//jeu d'état de test
40
+
// état simulé
41
41
conststate= { count:0 }
42
42
// appliquer la mutation
43
43
increment(state)
@@ -49,7 +49,7 @@ describe('mutations', () => {
49
49
50
50
### Tester les actions
51
51
52
-
Les actions sont un peu plus compliquées car elles peuvent faire appel à des APIs externes. Lorsque l'on teste des actions, on a souvent besoin de faire des jeux de test dédiés. Par exemple, on peut abstraire l'appel API dans un service et simuler ce service dans nos tests. Afin de simuler facilement les dépendances, on peut utiliser webpack et [inject-loader](https://github.com/plasticine/inject-loader) pour regrouper nos fichiers de test.
52
+
Les actions sont un peu plus compliquées car elles peuvent faire appel à des APIs externes. Lorsque l'on teste des actions, on a souvent besoin de faire plusieurs niveaux de simulation. Par exemple, on peut abstraire l'appel API dans un service et simuler ce service dans nos tests. Afin de simuler facilement les dépendances, on peut utiliser webpack et [inject-loader](https://github.com/plasticine/inject-loader) pour regrouper nos fichiers de test.
//appler l'action avec le store simulé et les arguments
111
+
//appeler l'action avec le store simulé et les arguments
112
112
action({ commit, state }, ...args)
113
113
114
-
//check if no mutations should have been dispatched
114
+
//virifier qu'aucune mutations n'ai été propagée
115
115
if (expectedMutations.length===0) {
116
116
expect(count).to.equal(0)
117
117
done()
@@ -177,7 +177,7 @@ describe('getters', () => {
177
177
178
178
### Lancer les tests
179
179
180
-
Si vos mutations et actions sont écrites comme il se doit, les tests ne devraient pas avoir de dépendance directe sur les APIs navigateur après un simulation préalable. Cela signifie que vous pouvez simplement regrouper les tests avec webpack et les lancer directement dans Node.js. De façon alternative, vous pouvez utiliser `mocha-loader` ou Karma + `karma-webpack` afin d'effectuer les tests dans des vrais navigateurs.
180
+
Si vos mutations et actions sont écrites comme il se doit, les tests ne devraient pas avoir de dépendance directe sur les APIs navigateur après une simulation préalable. Cela signifie que vous pouvez simplement regrouper les tests avec webpack et les lancer directement dans Node.js. De façon alternative, vous pouvez utiliser `mocha-loader` ou Karma + `karma-webpack` afin d'effectuer les tests dans des vrais navigateurs.
181
181
182
182
#### Lancer dans Node.js
183
183
@@ -212,10 +212,10 @@ mocha test-bundle.js
212
212
213
213
#### Lancer dans un navigateur
214
214
215
-
1. Installez `mocha-loader`
215
+
1. Installez `mocha-loader`.
216
216
2. Changez l'option `entry` de la configuration webpack ci-dessus pour `'mocha!babel!./test.js'`.
217
217
3. Démarrez `webpack-dev-server` en utilisant cette configuration.
218
-
4.Pointez votre navigateur sur `localhost:8080/webpack-dev-server/test-bundle`.
218
+
4.Rendez-vous avec votre navigateur sur `localhost:8080/webpack-dev-server/test-bundle`.
219
219
220
220
#### Lancer dans un navigateur avec Karma + karma-webpack
0 commit comments