From b433d376dd8f0376baaa961d6cade114dbb2c221 Mon Sep 17 00:00:00 2001 From: Yaty Date: Sat, 14 Oct 2017 23:04:32 +0200 Subject: [PATCH 1/3] =?UTF-8?q?using-with-vue-router.md:=20traduction,=20p?= =?UTF-8?q?remi=C3=A8re=20it=C3=A9ration?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/en/guides/using-with-vue-router.md | 34 ++++++++++++------------- 1 file changed, 17 insertions(+), 17 deletions(-) diff --git a/docs/en/guides/using-with-vue-router.md b/docs/en/guides/using-with-vue-router.md index d69353af0..72b9be7b2 100644 --- a/docs/en/guides/using-with-vue-router.md +++ b/docs/en/guides/using-with-vue-router.md @@ -1,10 +1,10 @@ -# Using with Vue Router +# Utiliser avec Vue Router -## Installing Vue Router in tests +## Installer Vue Router pour nos tests -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. +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. -To avoid this, we can create a localVue, and install Vue Router on that. +Pour éviter cela, on va utiliser localVue et installer Vue Router avec. ```js import VueRouter from 'vue-router' @@ -17,13 +17,13 @@ shallow(Component, { }) ``` -## Testing components that use `router-link` or `router-view` +## Tester des composants qui utilisent `router-link` ou `router-view` -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. +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. -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. +On doit donc rendre ces composants vue-router disponibles au composant que nous testons. Il y a deux méthodes pour cela. -### Using stubs +### Utiliser stubs ```js shallow(Component, { @@ -31,7 +31,7 @@ shallow(Component, { }) ``` -### Installing Vue Router with localVue +### Installer Vue Router avec localVue ```js import VueRouter from 'vue-router' @@ -44,13 +44,13 @@ shallow(Component, { }) ``` -## Mocking `$route` and `$router` +## Simuler `$route` and `$router` -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. +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. ```js const $route = { - path: '/some/path' + path: '/un/super/chemin' } const wrapper = shallow(Component, { @@ -59,13 +59,13 @@ const wrapper = shallow(Component, { } }) -wrapper.vm.$router // /some/path +wrapper.vm.$router // /un/super/chemin ``` -## Common gotchas +## Trucs et astuces -Installing Vue Router adds `$route` and `$router` as read-only properties on Vue prototype. +Installer Vue Router ajoute `$route` et `$router` en tant que propriétés en lecture seule au prototype de Vue. -This means any future tests that try to mock `$route` or `$router` will fail. +Cela veut dire que n'importe quel futur test qui va essayer de modifier `$route` ou `$router` va échouer. -To avoid this, never install Vue Router when you're running tests. +Pour éviter cela, n'installez jamais Vue Router quand vous lancez vos tests. * TODO : est-ce que c'est vraiment le message à faire passer ? * From 5fe5c9d2556c0d44d6aeae8f0e8922024bcfa214 Mon Sep 17 00:00:00 2001 From: Yaty Date: Sun, 15 Oct 2017 10:43:50 +0200 Subject: [PATCH 2/3] using-with-vue-router.md: corrections --- docs/en/guides/using-with-vue-router.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/en/guides/using-with-vue-router.md b/docs/en/guides/using-with-vue-router.md index 72b9be7b2..c772d91b7 100644 --- a/docs/en/guides/using-with-vue-router.md +++ b/docs/en/guides/using-with-vue-router.md @@ -1,10 +1,10 @@ -# Utiliser avec Vue Router +# Utilisation avec Vue Router ## Installer Vue Router pour nos tests 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. -Pour éviter cela, on va utiliser localVue et installer Vue Router avec. +Pour éviter cela, on peut utiliser une localVue, et installer Vue Router dessus. ```js import VueRouter from 'vue-router' @@ -23,7 +23,7 @@ Quand vous installez Vue Router, les composants `router-link` et `router-view` s On doit donc rendre ces composants vue-router disponibles au composant que nous testons. Il y a deux méthodes pour cela. -### Utiliser stubs +### Utiliser des stubs ```js shallow(Component, { @@ -68,4 +68,4 @@ Installer Vue Router ajoute `$route` et `$router` en tant que propriétés en le Cela veut dire que n'importe quel futur test qui va essayer de modifier `$route` ou `$router` va échouer. -Pour éviter cela, n'installez jamais Vue Router quand vous lancez vos tests. * TODO : est-ce que c'est vraiment le message à faire passer ? * +Pour éviter cela, n'installez jamais Vue Router quand vous lancez vos tests. From f826a0863a996ee104bca71f6cf9ac9ef13afda7 Mon Sep 17 00:00:00 2001 From: Hugo Da Roit Date: Sat, 21 Oct 2017 18:57:12 +0200 Subject: [PATCH 3/3] corrections --- docs/en/guides/using-with-vue-router.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/en/guides/using-with-vue-router.md b/docs/en/guides/using-with-vue-router.md index c772d91b7..1c8cd7cb4 100644 --- a/docs/en/guides/using-with-vue-router.md +++ b/docs/en/guides/using-with-vue-router.md @@ -4,7 +4,7 @@ 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. -Pour éviter cela, on peut utiliser une localVue, et installer Vue Router dessus. +Pour éviter cela, on peut utiliser une `localVue`, et installer Vue Router dessus. ```js import VueRouter from 'vue-router' @@ -21,7 +21,7 @@ shallow(Component, { 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. -On doit donc rendre ces composants vue-router disponibles au composant que nous testons. Il y a deux méthodes pour cela. +On doit donc rendre ces composants Vue Router disponibles au composant que nous testons. Il y a deux méthodes pour cela. ### Utiliser des stubs @@ -31,7 +31,7 @@ shallow(Component, { }) ``` -### Installer Vue Router avec localVue +### Installer Vue Router et `localVue` ```js import VueRouter from 'vue-router' @@ -44,7 +44,7 @@ shallow(Component, { }) ``` -## Simuler `$route` and `$router` +## Simuler `$route` et `$router` 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.