Skip to content

Commit 5ba7491

Browse files
YatyMachinisteWeb
authored andcommitted
Guide: using-with-vue-router.md (#3)
* using-with-vue-router.md: traduction, première itération * using-with-vue-router.md: corrections * corrections
1 parent 4d900e0 commit 5ba7491

File tree

1 file changed

+17
-17
lines changed

1 file changed

+17
-17
lines changed
Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
1-
# Using with Vue Router
1+
# Utilisation avec Vue Router
22

3-
## Installing Vue Router in tests
3+
## Installer Vue Router pour nos tests
44

5-
You should never install Vue Router on the Vue base constructor in tests. Installing Vue Router adds `$route` and `$router` as read-only properties on Vue prototype.
5+
Vous ne devez jamais installer Vue Router sur le constructeur de base de Vue pour vos tests. Installer Vue Router de cette manière ajoute `$route` et `$router` en tant que propriétés en lecture seule sur le prototype Vue.
66

7-
To avoid this, we can create a localVue, and install Vue Router on that.
7+
Pour éviter cela, on peut utiliser une `localVue`, et installer Vue Router dessus.
88

99
```js
1010
import VueRouter from 'vue-router'
@@ -17,21 +17,21 @@ shallow(Component, {
1717
})
1818
```
1919

20-
## Testing components that use `router-link` or `router-view`
20+
## Tester des composants qui utilisent `router-link` ou `router-view`
2121

22-
When you install Vue Router, the `router-link` and `router-view` components are registered. This means we can use them anywhere in our application without needing to import them.
22+
Quand vous installez Vue Router, les composants `router-link` et `router-view` sont enregistrés. Cela veut dire que l'on peut les utiliser n'importe où dans notre application sans avoir besoin de les importer.
2323

24-
When we run tests, we need to make these vue-router components available to the component we're mounting. There are two methods to do this.
24+
On doit donc rendre ces composants Vue Router disponibles au composant que nous testons. Il y a deux méthodes pour cela.
2525

26-
### Using stubs
26+
### Utiliser des stubs
2727

2828
```js
2929
shallow(Component, {
3030
stubs: ['router-link', 'router-view']
3131
})
3232
```
3333

34-
### Installing Vue Router with localVue
34+
### Installer Vue Router et `localVue`
3535

3636
```js
3737
import VueRouter from 'vue-router'
@@ -44,13 +44,13 @@ shallow(Component, {
4444
})
4545
```
4646

47-
## Mocking `$route` and `$router`
47+
## Simuler `$route` et `$router`
4848

49-
Sometimes you want to test that a component does something with parameters from the `$route` and `$router` objects. To do that, you can pass custom mocks to the Vue instance.
49+
Quelques fois, vous souhaitez tester qu'un composant réagisse correctement avec les paramètres des objets `$route` et `$router`. Pour cela, vous pouvez passer des imitations à l'instance de Vue.
5050

5151
```js
5252
const $route = {
53-
path: '/some/path'
53+
path: '/un/super/chemin'
5454
}
5555

5656
const wrapper = shallow(Component, {
@@ -59,13 +59,13 @@ const wrapper = shallow(Component, {
5959
}
6060
})
6161

62-
wrapper.vm.$router // /some/path
62+
wrapper.vm.$router // /un/super/chemin
6363
```
6464

65-
## Common gotchas
65+
## Trucs et astuces
6666

67-
Installing Vue Router adds `$route` and `$router` as read-only properties on Vue prototype.
67+
Installer Vue Router ajoute `$route` et `$router` en tant que propriétés en lecture seule au prototype de Vue.
6868

69-
This means any future tests that try to mock `$route` or `$router` will fail.
69+
Cela veut dire que n'importe quel futur test qui va essayer de modifier `$route` ou `$router` va échouer.
7070

71-
To avoid this, never install Vue Router when you're running tests.
71+
Pour éviter cela, n'installez jamais Vue Router quand vous lancez vos tests.

0 commit comments

Comments
 (0)