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
+24-24Lines changed: 24 additions & 24 deletions
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
# Tests
2
2
3
-
Les parties principales que l'on veut couvrir par des tests unitaires en Vuex sont les mutations et les actions.
3
+
Les parties principales que l'on veut couvrir par des tests unitaires avec Vuex sont les mutations et les actions.
4
4
5
5
### Tester les mutations
6
6
@@ -9,7 +9,7 @@ Les mutations sont très simples à tester, puisque ce sont de simples fonctions
9
9
```js
10
10
conststate= { ... }
11
11
12
-
//export mutations as a named export
12
+
//exporter les mutations en tant qu'export nommé
13
13
exportconstmutations= { ... }
14
14
15
15
exportdefaultnewVuex.Store({
@@ -32,24 +32,24 @@ export const mutations = {
32
32
import { expect } from'chai'
33
33
import { mutations } from'./store'
34
34
35
-
//destructure assign mutations
35
+
//assginement des mutations par destructuration
36
36
const { increment } = mutations
37
37
38
38
describe('mutations', () => {
39
39
it('INCREMENT', () => {
40
-
//mock state
40
+
//jeu d'état de test
41
41
conststate= { count:0 }
42
-
//apply mutation
42
+
//appliquer la mutation
43
43
increment(state)
44
-
//assert result
44
+
//tester le résultat
45
45
expect(state.count).to.equal(1)
46
46
})
47
47
})
48
48
```
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 du mocking — par exemple, on peut abstraire l'appel API dans un service et mocker ce service dans nos tests. Afin de mocker 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 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.
//appler l'action avec le store simulé et les arguments
112
112
action({ commit, state }, ...args)
113
113
114
114
// check if no mutations should have been dispatched
@@ -128,11 +128,11 @@ describe('actions', () => {
128
128
})
129
129
```
130
130
131
-
### Tester les getters
131
+
### Tester les accesseurs
132
132
133
-
Si vos getters font des calculs compliqués, il peut être judicieux de les tester. Les getters sont également très simples à tester, pour les mêmes raisons que les mutations.
133
+
Si vos accesseurs font des calculs compliqués, il peut être judicieux de les tester. Les accesseurs sont également très simples à tester, pour les mêmes raisons que les mutations.
134
134
135
-
Exemple de test d'un getter :
135
+
Exemple de test d'un accesseur :
136
136
137
137
```js
138
138
// getters.js
@@ -152,21 +152,21 @@ import { getters } from './getters'
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 mocking préalable. Cela signifie que vous pouvez simplement regrouper les tests avec webpack et les lancer directement dans Node. 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 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.
181
181
182
-
#### Lancer dans Node
182
+
#### Lancer dans Node.js
183
183
184
184
Créez la configuration webpack suivante (ainsi que le fichier [`.babelrc`](https://babeljs.io/docs/usage/babelrc/) qui correspond) :
0 commit comments