Guide: testing-SFCs-with-mocha-webpack.md #4

Yaty · 2017-10-14T21:11:29Z

Traduction du fichier testing-SFCs-with-mocha-webpack.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 :)
Ligne 54 je n'ai pas trop su comment traduire ça (Source maps).

Kocal · 2017-10-15T06:43:55Z

docs/en/guides/testing-SFCs-with-mocha-webpack.md

@@ -27,19 +27,19 @@ Next we need to define a test script in our `package.json`.
 }
 ```

-A few things to note here:
+Quelques éléments importants à notés :


Kocal · 2017-10-15T06:48:37Z

docs/en/guides/testing-SFCs-with-mocha-webpack.md

@@ -51,9 +51,9 @@ module.exports = {
 }
 ```

-#### Source Maps
+#### Carte des sources * TODO : PAS SUR ICI *


J'ai demandé ici si on doit traduire oui ou non source maps

Je laisse comme ça pour le moment

Kocal · 2017-10-15T06:57:38Z

docs/en/guides/testing-SFCs-with-mocha-webpack.md


-[Chai](http://chaijs.com/) is a popular assertion library that is commonly used alongside Mocha. You may also want to check out [Sinon](http://sinonjs.org/) for creating spies and stubs.
+[Chai](http://chaijs.com/) est une bibliothèque populaire qui est généralement utiliser avec Mocha. Vous pouvez aussi jeter un coup d'œil à [Sinon](http://sinonjs.org/) pour créer des espions et des fonctions avec un comportement pré-programmé (stubs).


généralement utilisée

Kocal · 2017-10-15T06:59:08Z

docs/en/guides/testing-SFCs-with-mocha-webpack.md


-Create a file in `src` named `Counter.vue`:
+Créez dans le dossier `src` un fichier nommé `Compteur.vue`:

 ``` html
 <template>
 	<div>
 	  {{ count }}


{{ compteur }}

MachinisteWeb

Quelques changement et proposition de traduction

MachinisteWeb · 2017-10-21T12:33:03Z

docs/en/guides/testing-SFCs-with-mocha-webpack.md

@@ -1,22 +1,22 @@
-# Testing Single File Components with Mocha + webpack
+# Tester des composants monofichiers avec Mocha + Webpack


MachinisteWeb · 2017-10-21T12:33:16Z

docs/en/guides/testing-SFCs-with-mocha-webpack.md


-> An example project for this setup is available on [GitHub](https://github.com/vuejs/vue-test-utils-mocha-webpack-example).
+> Un projet exemple pour cette installation est disponible sur [GitHub](https://github.com/vuejs/vue-test-utils-mocha-webpack-example).


Un exemple de projet

MachinisteWeb · 2017-10-21T12:34:06Z

docs/en/guides/testing-SFCs-with-mocha-webpack.md


-We will assume you are starting with a setup that already has webpack, vue-loader and Babel properly configured - e.g. the `webpack-simple` template scaffolded by `vue-cli`.
+On va supposer que vous commencez avec une installation qui a déjà webpack, vue-loader et Babel de correctement configurés (cf. le template `webpack-simple` via `vue-cli`).


« de » est en trop ici

MachinisteWeb · 2017-10-21T12:36:08Z

docs/en/guides/testing-SFCs-with-mocha-webpack.md


- The final argument is a glob for the test files to be included in the test bundle.
+- Le dernier paramètre est un glob pour indiquer les fichiers de tests à inclure dans le paquet.


On remplace tout les bundle par paquetage (avec les mot de la famille, empaquetage, désempaquetage, empaqueter, etc.). On garde plutôt le terme paquet pour « npm est un gestionnaire de paquet »

MachinisteWeb · 2017-10-21T12:37:32Z

docs/en/guides/testing-SFCs-with-mocha-webpack.md


-#### Externalizing NPM Dependencies
+#### Externaliser les dépendances NPM


npm, nom de produit

MachinisteWeb · 2017-10-21T12:46:17Z

docs/en/guides/testing-SFCs-with-mocha-webpack.md


 ``` js
 require('jsdom-global')()
 ```

-This adds a browser environment to node, so that `vue-test-utils` can run correctly.
+Cela ajoute un environnement de navigateur dans node afin que `vue-test-utils` fonctionne correctement. 


MachinisteWeb · 2017-10-21T12:46:45Z

docs/en/guides/testing-SFCs-with-mocha-webpack.md


-[Chai](http://chaijs.com/) is a popular assertion library that is commonly used alongside Mocha. You may also want to check out [Sinon](http://sinonjs.org/) for creating spies and stubs.
+[Chai](http://chaijs.com/) est une bibliothèque populaire qui est généralement utilisée avec Mocha. Vous pouvez aussi jeter un coup d'œil à [Sinon](http://sinonjs.org/) pour créer des espions et des fonctions avec un comportement pré-programmé (stubs).


préprogrammé (« stubs »).

MachinisteWeb · 2017-10-21T12:47:49Z

docs/en/guides/testing-SFCs-with-mocha-webpack.md


-One thing to note is that if you are using Node 6+, which already supports the majority of ES2015 features, you can configure a separate Babel [env option](https://babeljs.io/docs/usage/babelrc/#env-option) that only transpiles features that are not already supported in the Node version you are using (e.g. `stage-2` or flow syntax support, etc.)
+Une autre chose à noter est que si vous utilisez une version de Node >= 6, qui supporte déjà une majorité des fonctionnalités d'ES2015, vous pouvez configurer séparément un autre Babel [env option](https://babeljs.io/docs/usage/babelrc/#env-option) qui va uniquement transpiler les fonctionnalités non supportées dans la version de Node que vous utilisez (c.-à-d. `stage-2` ou le support de la syntaxe flow, etc.).


Node >= 6 ---> Node.js 6+

C'est la nomonclature qu'on utlise à travers toutes les docs Vue. Si tu ne vois pas ça quelque part, tu peux PR l'originale.

version de Node.js

Si tu mets

`stage-2`

je te laisse mettre

`stage-x`

sur l'un des précédents fichiers déjà validé

MachinisteWeb · 2017-10-21T12:50:24Z

docs/en/guides/testing-SFCs-with-mocha-webpack.md

-	  {{ count }}
-	  <button @click="increment">Increment</button>
+	  {{ counter }}
+	  <button @click="incrementer">Incrementer</button>


<button @click="increment">Incrementer</button>

Laisse count car ça nous fera moins de conflits à résoudre en cas de changement de code. On traduit texte, label et valeur de chaine de caractère. « increment » étant une fonction, on ne le traduit pas.

MachinisteWeb · 2017-10-21T12:50:48Z

docs/en/guides/testing-SFCs-with-mocha-webpack.md

    }
  },

  methods: {
-    increment () {
-      this.count++
+    incrementer () {


testing-SFCs-with-mocha-webpack.md: traduction, première itération

e2823d4

Yaty added Relecture nécessaire Traduction en cours and removed Traduction en cours labels Oct 14, 2017

MachinisteWeb assigned Yaty 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

Kocal requested changes Oct 15, 2017

View reviewed changes

Yaty added 4 commits October 15, 2017 10:57

testing-SFCs-with-mocha-webpack.md: corrections

441f7f3

corrections

36ed0df

correction

7150936

corrections

542c63a

MachinisteWeb requested review from forresst, rspt and MachinisteWeb October 21, 2017 12:32

MachinisteWeb requested changes Oct 21, 2017

View reviewed changes

rspt approved these changes Oct 21, 2017

View reviewed changes

corrections

26db66e

Kocal approved these changes Oct 22, 2017

View reviewed changes

MachinisteWeb approved these changes Oct 23, 2017

View reviewed changes

MachinisteWeb merged commit 7130a97 into vuejs-fr:working Oct 23, 2017

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Guide: testing-SFCs-with-mocha-webpack.md #4

Guide: testing-SFCs-with-mocha-webpack.md #4

Yaty commented Oct 14, 2017

Kocal Oct 15, 2017

Kocal Oct 15, 2017

Yaty Oct 17, 2017

Kocal Oct 15, 2017

Kocal Oct 15, 2017

MachinisteWeb left a comment

MachinisteWeb Oct 21, 2017

MachinisteWeb Oct 21, 2017

MachinisteWeb Oct 21, 2017

MachinisteWeb Oct 21, 2017

MachinisteWeb Oct 21, 2017

MachinisteWeb Oct 21, 2017

MachinisteWeb Oct 21, 2017

MachinisteWeb Oct 21, 2017

MachinisteWeb Oct 21, 2017

MachinisteWeb Oct 21, 2017

MachinisteWeb Oct 21, 2017

MachinisteWeb Oct 21, 2017

MachinisteWeb Oct 21, 2017


		[Chai](http://chaijs.com/) is a popular assertion library that is commonly used alongside Mocha. You may also want to check out [Sinon](http://sinonjs.org/) for creating spies and stubs.
		[Chai](http://chaijs.com/) est une bibliothèque populaire qui est généralement utiliser avec Mocha. Vous pouvez aussi jeter un coup d'œil à [Sinon](http://sinonjs.org/) pour créer des espions et des fonctions avec un comportement pré-programmé (stubs).

		@@ -1,22 +1,22 @@
		# Testing Single File Components with Mocha + webpack
		# Tester des composants monofichiers avec Mocha + Webpack


		> An example project for this setup is available on [GitHub](https://github.com/vuejs/vue-test-utils-mocha-webpack-example).
		> Un projet exemple pour cette installation est disponible sur [GitHub](https://github.com/vuejs/vue-test-utils-mocha-webpack-example).


		We will assume you are starting with a setup that already has webpack, vue-loader and Babel properly configured - e.g. the `webpack-simple` template scaffolded by `vue-cli`.
		On va supposer que vous commencez avec une installation qui a déjà webpack, vue-loader et Babel de correctement configurés (cf. le template `webpack-simple` via `vue-cli`).


		- The final argument is a glob for the test files to be included in the test bundle.
		- Le dernier paramètre est un glob pour indiquer les fichiers de tests à inclure dans le paquet.


		#### Externalizing NPM Dependencies
		#### Externaliser les dépendances NPM


		One thing to note is that if you are using Node 6+, which already supports the majority of ES2015 features, you can configure a separate Babel [env option](https://babeljs.io/docs/usage/babelrc/#env-option) that only transpiles features that are not already supported in the Node version you are using (e.g. `stage-2` or flow syntax support, etc.)
		Une autre chose à noter est que si vous utilisez une version de Node >= 6, qui supporte déjà une majorité des fonctionnalités d'ES2015, vous pouvez configurer séparément un autre Babel [env option](https://babeljs.io/docs/usage/babelrc/#env-option) qui va uniquement transpiler les fonctionnalités non supportées dans la version de Node que vous utilisez (c.-à-d. `stage-2` ou le support de la syntaxe flow, etc.).

Guide: testing-SFCs-with-mocha-webpack.md #4

Guide: testing-SFCs-with-mocha-webpack.md #4

Conversation

Yaty commented Oct 14, 2017

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 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

Choose a reason for hiding this comment

Choose a reason for hiding this comment