diff --git a/en/guide/development-tools.md b/en/guide/development-tools.md
index 1ee2e9c8a..cc1e258d8 100644
--- a/en/guide/development-tools.md
+++ b/en/guide/development-tools.md
@@ -1,20 +1,21 @@
---
-title: Development Tools
-description: Nuxt.js helps you to make your web development enjoyable.
+title: Outils de développement
+description: Nuxt.js vous aide à rendre votre développement web agréable.
---
-> Testing your application is part of the web development. Nuxt.js helps you to make it as easy as possible.
+> Le test de votre application fait partie du développement web. Nuxt.js vous aide à le rendre aussi facile que possible.
-## End-to-End Testing
+## Tests de bout en bout
-[Ava](https://github.com/avajs/ava) is a powerful JavaScript testing framework, mixed with [jsdom](https://github.com/tmpvar/jsdom), we can use them to do end-to-end testing easily.
+[AVA](https://github.com/avajs/ava) est un framework JavaScript de test puissant, mixé avec [jsdom](https://github.com/tmpvar/jsdom), nous pouvons les utiliser pour écrire des tests de bout en bout facilement.
+
+Tout d'abord, nous devons ajouter AVA et jsdom en tant que dépendances de développement :
-First, we need to add ava and jsdom as development dependencies:
```bash
npm install --save-dev ava jsdom
```
-And add a test script to our `package.json` and configure ava to compile files that we import into our tests.
+Puis ajouter un script de test à notre `package.json` et configurer AVA pour compiler les fichiers que nous importons dans nos tests.
```javascript
"scripts": {
@@ -32,21 +33,23 @@ And add a test script to our `package.json` and configure ava to compile files t
}
```
-We are going to write our tests in the `test` folder:
+Nous allons écrire nos tests dans le répertoire `test` :
+
```bash
mkdir test
```
-Let's say we have a page in `pages/index.vue`:
+Imaginons que nous avons une page dans `pages/index.vue` :
+
```html
- Hello {{ name }}!
+ Hello {{ name }} !
@@ -58,20 +61,20 @@ export default {
```
-When we launch our app with `npm run dev` and open [http://localhost:3000](http://localhost:3000), we can see our red `Hello world!` title.
+Lorsque nous lançons notre application avec `npm run dev` et que nous visitons http://localhost:3000, nous voyons notre titre `Hello World !` rouge.
-We add our test file `test/index.test.js`:
+Nous ajoutons notre fichier de test `test/index.test.js` :
```js
import test from 'ava'
import { Nuxt, Builder } from 'nuxt'
import { resolve } from 'path'
-// We keep a reference to nuxt so we can close
-// the server at the end of the test
+// Nous gardons une référence à Nuxt pour fermer
+// le serveur à la fin du test
let nuxt = null
-// Init Nuxt.js and start listening on localhost:4000
+// Initialiser Nuxt.js et démarrer l'écoute sur localhost:4000
test.before('Init Nuxt.js', async t => {
const rootDir = resolve(__dirname, '..')
let config = {}
@@ -83,47 +86,49 @@ test.before('Init Nuxt.js', async t => {
nuxt.listen(4000, 'localhost')
})
-// Example of testing only generated html
+// Exemple de test uniquement sur le HTML généré
test('Route / exits and render HTML', async t => {
let context = {}
const { html } = await nuxt.renderRoute('/', context)
- t.true(html.includes('
One best practice is to add also `"precommit": "npm run lint"` in your package.json to lint your code automatically before commiting your code.
+Une bonne pratique est également d'ajouter `"precommit": "npm run lint"` dans `package.json` afin de linter votre code automatiquement avant de l'acter.