Guide: getting-started.md #8

Yaty · 2017-10-14T22:07:13Z

Traduction du fichier getting-started.md
Je n'ai fait qu'une seule relecture, ça risque d'être un peu brut et pas forcement trop agréable à lire. A voir :)

MachinisteWeb

Excellente traduction ! Mes retours !

MachinisteWeb · 2017-10-16T12:40:34Z

docs/en/guides/getting-started.md


 ```js
 // test.js

-// Import the mount() method from the test utils
-// and the component you want to test
+// Importe la méthode mount() depuis test utils


`mount()`

hésite pas à PR l'originale

MachinisteWeb · 2017-10-16T12:41:12Z

docs/en/guides/getting-started.md


-Mounted components are returned inside a [Wrapper](./api/wrapper.md), which exposes many convenience methods for manipulating, traversing and querying the underlying Vue component instance.
+Les composants montés sont retournés sous un [Wrapper](./api/wrapper.md), qui expose en quantité des méthodes pour manipuler, traverser et interroger l'instance du composant Vue en question.


retournés dans un ?

Tu utilise un nom de titre pour justifier la majuscule à wrapper dans se cas. Comme c'est discutable (car tu ne mets pas clairement en évidence que tu te réfères au titre d'une section, même s'il y a un lien :) et donc que c'est discutable XD), je pense que le mieux est de sois écrire wrapper avec une minuscule ou alors de l'encadrer avec des ` pour faire référence à son objet.

Qu'en penses-tu ?

MachinisteWeb · 2017-10-16T12:42:43Z

docs/en/guides/getting-started.md

 const wrapper = mount(Counter)

-// You can access the actual Vue instance via wrapper.vm
+// On accède à l'instance actuelle de Vue via wrapper.vm


`wrapper.vm`

MachinisteWeb · 2017-10-16T12:43:32Z

docs/en/guides/getting-started.md


-Now that we have the wrapper, the first thing we can do is to verify that the rendered HTML output of the component matches what is expected.
+Nous avons maintenant un wrapper, la première chose que l'on peut faire et de vérifier que le contenu du rendu HTML du composant correspond à ce qu'il est sensé être.


est de vérifier

censé car peut être remplacé par « supposé »

ouch merci elles sont pas belles !

MachinisteWeb · 2017-10-16T12:46:32Z

docs/en/guides/getting-started.md

    expect(wrapper.html()).toContain('<span class="count">0</span>')
  })

-  // it's also easy to check for the existence of elements
-  it('has a button', () => {
+  // c'est auss très simple de vérifier qu'un élement existe


MachinisteWeb · 2017-10-16T12:50:51Z

docs/en/guides/getting-started.md


-Vue batches pending DOM updates and applies them asynchronously to prevent unnecessary re-renders caused by multiple data mutations. This is why in practice we often have to use `Vue.nextTick` to wait until Vue has performed the actual DOM update after we trigger some state change.
+Vue groupe les mises à jour du DOM en attentes puis les appliquent de façon asynchrone pour prévenir d'éventuel multiples rendus causé par de multiples mutations de données. C'est pourquoi en pratique, on a souvent à utiliser `Vue.nextTick` pour attendre que Vue modifie le DOM actuel après avoir lancé quelques changements d'état.


MachinisteWeb · 2017-10-16T12:51:17Z

docs/en/guides/getting-started.md


-To simplify usage, `vue-test-utils` applies all updates synchronously so you don't need to use `Vue.nextTick` to wait for DOM updates in your tests.
+Pour simplifier cela, `vue-test-utils` applique toutes les mises à jour de façon synchrone afin que vous n'ayez pas besin d'utiliser `Vue.nextTick` pour attendre des mises à jour du DOM dans vos tests.


MachinisteWeb · 2017-10-16T12:52:06Z

docs/en/guides/getting-started.md


-*Note: `nextTick` is still necessary when you need to explictly advance the event loop, for operations such as asynchronous callbacks or promise resolution.*
+*Note : `nextTick` est encore nécessaire quand vous souhaitez explicitement faire avancer la boucle des événements, pour des opérations telles que des fonctions de rappel ou des résolutions de promise.*


je mettrais est toujours plutôt que est encore.

MachinisteWeb · 2017-10-16T12:53:07Z

docs/en/guides/getting-started.md


-*Note: `nextTick` is still necessary when you need to explictly advance the event loop, for operations such as asynchronous callbacks or promise resolution.*
+*Note : `nextTick` est encore nécessaire quand vous souhaitez explicitement faire avancer la boucle des événements, pour des opérations telles que des fonctions de rappel ou des résolutions de promise.*


résolutions de promesses (je préfère)

résolutions de `Promise` (j'aime moins)

Au choix :)

MachinisteWeb

J'en est retrouvé une :)

MachinisteWeb · 2017-10-16T13:16:06Z

docs/en/guides/getting-started.md


-Mounted components are returned inside a [Wrapper](./api/wrapper.md), which exposes many convenience methods for manipulating, traversing and querying the underlying Vue component instance.
+Les composants montés sont retournés sous un [Wrapper](./api/wrapper.md), qui expose en quantité des méthodes pour manipuler, traverser et interroger l'instance du composant Vue en question.


Tu utilise un nom de titre pour justifier la majuscule à wrapper dans se cas. Comme c'est discutable (car tu ne mets pas clairement en évidence que tu te réfères au titre d'une section, même s'il y a un lien :) et donc que c'est discutable XD), je pense que le mieux est de sois écrire wrapper avec une minuscule ou alors de l'encadrer avec des ` pour faire référence à son objet.

Qu'en penses-tu ?

MachinisteWeb · 2017-10-17T09:46:15Z

docs/en/guides/getting-started.md


-Vue batches pending DOM updates and applies them asynchronously to prevent unnecessary re-renders caused by multiple data mutations. This is why in practice we often have to use `Vue.nextTick` to wait until Vue has performed the actual DOM update after we trigger some state change.
+Vue groupe les mises à jour du DOM en attentes puis les appliquent de façon asynchrone pour prévenir d'éventuel multiples rendus causés par de multiples mutations de données. C'est pourquoi en pratique, on a souvent à utiliser `Vue.nextTick` pour attendre que Vue modifie le DOM actuel après avoir lancé quelques changements d'état.


~~éventuelles~~ éventuels (effectivement c'est « un rendu » comme @rspt le fait remarquer)

@haeresis & @forresst

C'est pas "d'éventuels"?

forresst

Quelques erreurs et remarques

forresst · 2017-10-17T11:20:48Z

docs/en/guides/getting-started.md


-To get a quick taste of using `vue-test-utils`, clone our demo repository with basic setup and install the dependencies:
+Pour avoir un rapide avant goût de `vue-test-utils`, clonez notre répertoire de démontration avec l'installation de base puis installez les dépendances :


démontration => démonstration

"avant-gout" -> graphie rectifiée

forresst · 2017-10-17T11:23:52Z

docs/en/guides/getting-started.md


-Mounted components are returned inside a [Wrapper](./api/wrapper.md), which exposes many convenience methods for manipulating, traversing and querying the underlying Vue component instance.
+Les composants montés sont retournés dans un [Wrapper](./api/wrapper.md), qui expose en quantité des méthodes pour manipuler, traverser et interroger l'instance du composant Vue en question.


qui expose en quantité des méthodes => qui expose de nombreuses méthodes

forresst · 2017-10-17T11:25:03Z

docs/en/guides/getting-started.md

-// To inspect the wrapper deeper just log it to the console
-// and your adventure with the vue-test-utils begins
+// Pour inspecter le wrapper en profondeur, utilisez console
+// puis l'aventure avec vue-test-utils commence !


puis l'aventure => puis votre aventure

forresst · 2017-10-17T11:27:06Z

docs/en/guides/getting-started.md


-Now that we have the wrapper, the first thing we can do is to verify that the rendered HTML output of the component matches what is expected.
+Nous avons maintenant un wrapper, la première chose que l'on peut faire est de vérifier que le contenu du rendu HTML du composant correspond à ce qu'il est censé être.


la première chose que l'on peut faire est de vérifier => la première chose que l'on peut faire, c'est de vérifier

correspond à ce qu'il est censé être. => correspond à celui attendu.

forresst · 2017-10-17T11:28:00Z

docs/en/guides/getting-started.md


-### Simulating User Interaction
+### Simuler des interactions utilisateur


Simuler des interactions utilisateur => Simulation de l'interaction utilisateur

forresst · 2017-10-17T11:29:36Z

docs/en/guides/getting-started.md


- Integrate `vue-test-utils` into your project by [choosing a test runner](./choosing-a-test-runner.md)
- Learn more about [common techniques when writing tests](./common-tips.md)
+- Intégrer `vue-test-utils` dans votre projet en [choisissant votre lanceur de tests](./choosing-a-test-runner.md)


Intégrer => Intégrez

rspt · 2017-10-17T12:13:18Z

docs/en/guides/getting-started.md


-To get a quick taste of using `vue-test-utils`, clone our demo repository with basic setup and install the dependencies:
+Pour avoir un rapide avant goût de `vue-test-utils`, clonez notre répertoire de démontration avec l'installation de base puis installez les dépendances :


"avant-gout" -> graphie rectifiée

rspt · 2017-10-17T12:13:47Z

docs/en/guides/getting-started.md

    expect(wrapper.html()).toContain('<span class="count">0</span>')
  })

-  // it's also easy to check for the existence of elements
-  it('has a button', () => {
+  // c'est aussi très simple de vérifier qu'un élement existe


"élément"

rspt · 2017-10-17T12:14:40Z

docs/en/guides/getting-started.md


-Vue batches pending DOM updates and applies them asynchronously to prevent unnecessary re-renders caused by multiple data mutations. This is why in practice we often have to use `Vue.nextTick` to wait until Vue has performed the actual DOM update after we trigger some state change.
+Vue groupe les mises à jour du DOM en attentes puis les appliquent de façon asynchrone pour prévenir d'éventuel multiples rendus causés par de multiples mutations de données. C'est pourquoi en pratique, on a souvent à utiliser `Vue.nextTick` pour attendre que Vue modifie le DOM actuel après avoir lancé quelques changements d'état.


@haeresis & @forresst

C'est pas "d'éventuels"?

rspt · 2017-10-17T20:39:14Z

docs/en/guides/getting-started.md


-To get a quick taste of using `vue-test-utils`, clone our demo repository with basic setup and install the dependencies:
+Pour avoir un rapide avant-goût de `vue-test-utils`, clonez notre répertoire de démonstration avec l'installation de base puis installez les dépendances :


"avant-gout" -> graphie rectifiée

getting-started.md: traduction, première itération

918c75f

Yaty added the Relecture nécessaire label Oct 14, 2017

Yaty self-assigned this Oct 14, 2017

MachinisteWeb mentioned this pull request Oct 14, 2017

Pages en cours de traduction #1

Open

Kocal self-requested a review October 15, 2017 06:15

MachinisteWeb self-requested a review October 16, 2017 12:28

MachinisteWeb reviewed Oct 16, 2017

View reviewed changes

Yaty added 2 commits October 16, 2017 21:47

Corrections suite à la review de Haeresis

3b31478

corrections

092b5b7

MachinisteWeb requested changes Oct 17, 2017

View reviewed changes

MachinisteWeb requested review from forresst, rspt and sylvainpolletvillard October 17, 2017 10:44

forresst requested changes Oct 17, 2017

View reviewed changes

rspt suggested changes Oct 17, 2017

View reviewed changes

corrections

0d4cfb7

rspt suggested changes Oct 17, 2017

View reviewed changes

correction

5baefff

rspt approved these changes Oct 18, 2017

View reviewed changes

forresst approved these changes Oct 19, 2017

View reviewed changes

MachinisteWeb approved these changes Oct 21, 2017

View reviewed changes

MachinisteWeb merged commit 43d251c into vuejs-fr:working Oct 21, 2017

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Guide: getting-started.md #8

Guide: getting-started.md #8

Yaty commented Oct 14, 2017

MachinisteWeb left a comment

MachinisteWeb Oct 16, 2017 •

edited

Loading

MachinisteWeb Oct 16, 2017

MachinisteWeb Oct 16, 2017

MachinisteWeb Oct 16, 2017 •

edited

Loading

MachinisteWeb Oct 16, 2017

MachinisteWeb Oct 16, 2017

Yaty Oct 16, 2017

MachinisteWeb Oct 16, 2017

MachinisteWeb Oct 16, 2017

MachinisteWeb Oct 16, 2017

MachinisteWeb Oct 16, 2017

MachinisteWeb Oct 16, 2017 •

edited

Loading

MachinisteWeb left a comment

MachinisteWeb Oct 16, 2017

MachinisteWeb Oct 17, 2017 •

edited

Loading

rspt Oct 17, 2017

forresst left a comment

forresst Oct 17, 2017

rspt Oct 17, 2017

forresst Oct 17, 2017

forresst Oct 17, 2017

forresst Oct 17, 2017

forresst Oct 17, 2017

forresst Oct 17, 2017

rspt Oct 17, 2017

rspt Oct 17, 2017

rspt Oct 17, 2017

rspt Oct 17, 2017


		Mounted components are returned inside a [Wrapper](./api/wrapper.md), which exposes many convenience methods for manipulating, traversing and querying the underlying Vue component instance.
		Les composants montés sont retournés sous un [Wrapper](./api/wrapper.md), qui expose en quantité des méthodes pour manipuler, traverser et interroger l'instance du composant Vue en question.


		Now that we have the wrapper, the first thing we can do is to verify that the rendered HTML output of the component matches what is expected.
		Nous avons maintenant un wrapper, la première chose que l'on peut faire et de vérifier que le contenu du rendu HTML du composant correspond à ce qu'il est sensé être.


		Vue batches pending DOM updates and applies them asynchronously to prevent unnecessary re-renders caused by multiple data mutations. This is why in practice we often have to use `Vue.nextTick` to wait until Vue has performed the actual DOM update after we trigger some state change.
		Vue groupe les mises à jour du DOM en attentes puis les appliquent de façon asynchrone pour prévenir d'éventuel multiples rendus causé par de multiples mutations de données. C'est pourquoi en pratique, on a souvent à utiliser `Vue.nextTick` pour attendre que Vue modifie le DOM actuel après avoir lancé quelques changements d'état.


		To simplify usage, `vue-test-utils` applies all updates synchronously so you don't need to use `Vue.nextTick` to wait for DOM updates in your tests.
		Pour simplifier cela, `vue-test-utils` applique toutes les mises à jour de façon synchrone afin que vous n'ayez pas besin d'utiliser `Vue.nextTick` pour attendre des mises à jour du DOM dans vos tests.


		Note: `nextTick` is still necessary when you need to explictly advance the event loop, for operations such as asynchronous callbacks or promise resolution.
		Note : `nextTick` est encore nécessaire quand vous souhaitez explicitement faire avancer la boucle des événements, pour des opérations telles que des fonctions de rappel ou des résolutions de promise.


		To get a quick taste of using `vue-test-utils`, clone our demo repository with basic setup and install the dependencies:
		Pour avoir un rapide avant goût de `vue-test-utils`, clonez notre répertoire de démontration avec l'installation de base puis installez les dépendances :


		Mounted components are returned inside a [Wrapper](./api/wrapper.md), which exposes many convenience methods for manipulating, traversing and querying the underlying Vue component instance.
		Les composants montés sont retournés dans un [Wrapper](./api/wrapper.md), qui expose en quantité des méthodes pour manipuler, traverser et interroger l'instance du composant Vue en question.


		### Simulating User Interaction
		### Simuler des interactions utilisateur


		To get a quick taste of using `vue-test-utils`, clone our demo repository with basic setup and install the dependencies:
		Pour avoir un rapide avant-goût de `vue-test-utils`, clonez notre répertoire de démonstration avec l'installation de base puis installez les dépendances :

Guide: getting-started.md #8

Guide: getting-started.md #8

Conversation

Yaty commented Oct 14, 2017

MachinisteWeb left a comment

Choose a reason for hiding this comment

MachinisteWeb Oct 16, 2017 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

MachinisteWeb Oct 16, 2017 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

MachinisteWeb Oct 16, 2017 • edited Loading

Choose a reason for hiding this comment

MachinisteWeb left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

MachinisteWeb Oct 17, 2017 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

forresst left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

MachinisteWeb Oct 16, 2017 •

edited

Loading

MachinisteWeb Oct 16, 2017 •

edited

Loading

MachinisteWeb Oct 16, 2017 •

edited

Loading

MachinisteWeb Oct 17, 2017 •

edited

Loading