Skip to content

Commit 60a3438

Browse files
docs: Add french Version (#1837)
* add french version * add more * update of the french version in relation to the feedback * docs: fix some errors in linting docs * fixed the sidebar and updated the README files in the Wrapper and Installation folders * update with prettier run Co-authored-by: Lachlan Miller <[email protected]>
1 parent b420133 commit 60a3438

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

75 files changed

+4340
-0
lines changed

docs/.vuepress/config.js

+37
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,11 @@ module.exports = {
1919
lang: 'ru',
2020
title: 'Vue Test Utils',
2121
description: 'Библиотека для тестирования Vue-компонентов'
22+
},
23+
'/fr/': {
24+
title: 'Vue Test Utils',
25+
lang: 'fr',
26+
description: 'Utilitaires pour tester les composants Vue'
2227
}
2328
},
2429
plugins: ['@vuepress/pwa'],
@@ -167,6 +172,38 @@ module.exports = {
167172
'/ru/api/options',
168173
'/ru/api/components/'
169174
]
175+
},
176+
'/fr/': {
177+
label: 'Français',
178+
selectText: 'langue',
179+
editLinkText: 'Modifier cette page sur GitHub',
180+
nav: [
181+
{
182+
text: 'API',
183+
link: '/fr/api/'
184+
},
185+
{
186+
text: 'Guides',
187+
link: '/fr/guides/',
188+
items: [
189+
{
190+
text: '2.x-beta',
191+
link:
192+
'https://vuejs.github.io/vue-test-utils-next-docs/guide/introduction.html'
193+
}
194+
]
195+
}
196+
],
197+
sidebar: [
198+
'/fr/',
199+
'/fr/installation/',
200+
'/fr/guides/',
201+
'/fr/api/',
202+
'/fr/api/wrapper/',
203+
'/fr/api/wrapper-array/',
204+
'/fr/api/options',
205+
'/fr/api/components/'
206+
]
170207
}
171208
}
172209
},

docs/fr/README.md

+90
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,90 @@
1+
# Introduction
2+
3+
Vue Test Utils est la bibliothèque officielle de tests unitaires pour Vue.js.
4+
5+
Voici la documentation de Vue Test Utils v1, qui vise Vue 2 et les versions antérieures.
6+
7+
En bref :
8+
9+
- [Vue Test Utils 1](https://github.com/vuejs/vue-test-utils/) ciblant [Vue 2](https://github.com/vuejs/vue/).
10+
- [Vue Test Utils 2](https://github.com/vuejs/vue-test-utils-next/) ciblant [Vue 3](https://github.com/vuejs/vue-next/).
11+
12+
<div class="vueschool"><a href="https://vueschool.io/courses/learn-how-to-test-vuejs-components?friend=vuejs" target="_blank" rel="sponsored noopener" title="Learn how to use Vue Test Utils to test Vue.js Components with Vue School">Apprenez comment tester les composants de Vue.js avec Vue School</a></div>
13+
14+
- [Installation](./installation/)
15+
- [Guides](./guides/)
16+
- [Pour commencer](./guides/getting-started.md)
17+
- [Les Conseils pratiques](guides/common-tips.md)
18+
- [Test des touches, de la souris et d'autres événements DOM](guides/dom-events.md)
19+
- [Tester le comportement asynchrone](guides/testing-async-components.md)
20+
- [Utilisation avec TypeScript](guides/using-with-typescript.md)
21+
- [Utilisation avec Vue Router](guides/using-with-vue-router.md)
22+
- [Utilisation avec Vuex](guides/using-with-vuex.md)
23+
- [Bibliothèques utiles pour les tests](guides/useful-libraries-for-testing.md)
24+
- [API](api/)
25+
- [mount](api/mount.md)
26+
- [shallowMount](api/shallowMount.md)
27+
- [render](api/render.md)
28+
- [renderToString](api/renderToString.md)
29+
- [Mounting Options](api/options.md)
30+
- [context](api/options.md#context)
31+
- [slots](api/options.md#slots)
32+
- [scopedSlots](api/options.md#scopedslots)
33+
- [stubs](api/options.md#stubs)
34+
- [mocks](api/options.md#mocks)
35+
- [localVue](api/options.md#localvue)
36+
- [attachToDocument](api/options.md#attachtodocument)
37+
- [attrs](api/options.md#attrs)
38+
- [propsData](api/options.md#propsdata)
39+
- [listeners](api/options.md#listeners)
40+
- [parentComponent](api/options.md#parentComponent)
41+
- [provide](api/options.md#provide)
42+
- [other options](api/options.md#other-options)
43+
- [Wrapper](api/wrapper/)
44+
- [attributes](api/wrapper/attributes.md)
45+
- [classes](api/wrapper/classes.md)
46+
- [contains](api/wrapper/contains.md)
47+
- [emitted](api/wrapper/emitted.md)
48+
- [emittedByOrder](api/wrapper/emittedByOrder.md)
49+
- [exists](api/wrapper/exists.md)
50+
- [destroy](api/wrapper/destroy.md)
51+
- [find](api/wrapper/find.md)
52+
- [findAll](api/wrapper/findAll.md)
53+
- [get](api/wrapper/get.md)
54+
- [html](api/wrapper/html.md)
55+
- [is](api/wrapper/is.md)
56+
- [isEmpty](api/wrapper/isEmpty.md)
57+
- [isVueInstance](api/wrapper/isVueInstance.md)
58+
- [name](api/wrapper/name.md)
59+
- [props](api/wrapper/props.md)
60+
- [setChecked](api/wrapper/setChecked.md)
61+
- [setData](api/wrapper/setData.md)
62+
- [setMethods](api/wrapper/setMethods.md)
63+
- [setProps](api/wrapper/setProps.md)
64+
- [setSelected](api/wrapper/setSelected.md)
65+
- [setValue](api/wrapper/setValue.md)
66+
- [text](api/wrapper/text.md)
67+
- [trigger](api/wrapper/trigger.md)
68+
- [isVisible](api/wrapper/isVisible.md)
69+
- [WrapperArray](api/wrapper-array/)
70+
- [at](api/wrapper-array/at.md)
71+
- [contains](api/wrapper-array/contains.md)
72+
- [exists](api/wrapper/exists.md)
73+
- [destroy](api/wrapper-array/destroy.md)
74+
- [filter](api/wrapper-array/filter.md)
75+
- [is](api/wrapper-array/is.md)
76+
- [isEmpty](api/wrapper-array/isEmpty.md)
77+
- [isVueInstance](api/wrapper-array/isVueInstance.md)
78+
- [setChecked](api/wrapper-array/setChecked.md)
79+
- [setData](api/wrapper-array/setData.md)
80+
- [setMethods](api/wrapper-array/setMethods.md)
81+
- [setProps](api/wrapper-array/setProps.md)
82+
- [setValue](api/wrapper-array/setValue.md)
83+
- [trigger](api/wrapper-array/trigger.md)
84+
- [isVisible](api/wrapper-array/isVisible.md)
85+
- [components](api/components/)
86+
- [RouterLinkStub](api/components/RouterLinkStub.md)
87+
- [Selectors](api/selectors.md)
88+
- [createWrapper](api/createWrapper.md)
89+
- [createLocalVue](api/createLocalVue.md)
90+
- [config](api/config.md)

docs/fr/api/README.md

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
# API
2+
3+
!!!include(docs/fr/api/mount.md)!!!
4+
!!!include(docs/fr/api/shallowMount.md)!!!
5+
!!!include(docs/fr/api/render.md)!!!
6+
!!!include(docs/fr/api/renderToString.md)!!!
7+
!!!include(docs/fr/api/selectors.md)!!!
8+
!!!include(docs/fr/api/createLocalVue.md)!!!
9+
!!!include(docs/fr/api/createWrapper.md)!!!
10+
!!!include(docs/fr/api/config.md)!!!
11+
!!!include(docs/fr/api/enableAutoDestroy.md)!!!

docs/fr/api/components/README.md

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
# Components
2+
3+
Vue Test Utils comprend des composants utilitaires que vous pouvez utiliser pour avoir des composants de remplacement (stubs).
4+
!!!include(docs/fr/api/components/RouterLinkStub.md)!!!
+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
## RouterLinkStub
2+
3+
Un composant pour mettre en place le composant Vue Router `router-link`.
4+
5+
Vous pouvez utiliser ce composant pour trouver un composant router-link dans l'arbre de rendu.
6+
7+
- **Usage:**
8+
9+
Pour le définir comme un stub dans les options de montage :
10+
11+
```js
12+
import { mount, RouterLinkStub } from '@vue/test-utils'
13+
14+
const wrapper = mount(Component, {
15+
stubs: {
16+
RouterLink: RouterLinkStub
17+
}
18+
})
19+
expect(wrapper.find(RouterLinkStub).props().to).toBe('/some/path')
20+
```

docs/fr/api/config.md

+114
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,114 @@
1+
## Config
2+
3+
Vue Test Utils comprend un objet de configuration des options définies utilisées par Vue Test Utils.
4+
5+
### Vue Test Utils Config Options
6+
7+
### `showDeprecationWarnings`
8+
9+
- type: `Boolean`
10+
- default: `true`
11+
12+
Contrôler s'il faut ou non afficher des avertissements de dépréciation . Lorsqu'il est sur `true`, tous les avertissements de dépréciation sont visibles dans la console.
13+
14+
Exemple:
15+
16+
```js
17+
import { config } from '@vue/test-utils'
18+
19+
config.showDeprecationWarnings = false
20+
```
21+
22+
### `deprecationWarningHandler`
23+
24+
- type: `Function`
25+
26+
Permet un contrôle fin des avertissements de dépréciation. Lorsque `showDeprecationWarnings` est défini à `true`, tous les avertissements de dépréciation seront passés à ce gestionnaire avec le nom de la méthode comme premier argument et le message original comme second.
27+
28+
::: tip
29+
Cela peut être utile pour enregistrer les messages de dépréciation à un endroit séparé ou pour aider à la mise à jour progressive de la base de code vers la dernière version de test utils en ignorant certains avertissements de fonctions dépréciées.
30+
:::
31+
32+
Example:
33+
34+
```js
35+
import { config } from '@vue/test-utils'
36+
37+
config.showDeprecationWarnings = true
38+
config.deprecationWarningHandler = (method, message) => {
39+
if (method === 'emittedByOrder') return
40+
41+
console.error(msg)
42+
}
43+
```
44+
45+
### `stubs`
46+
47+
- type: `{ [name: string]: Component | boolean | string }`
48+
- default: `{}`
49+
50+
Le stub stocké dans `config.stubs` est utilisé par défaut.
51+
Les stubs sont à utiliser dans les composants. Ils sont écrasés par les `stubs` passés dans les options de montage.
52+
53+
Lorsque l'on passe des `stubs` sous forme de tableau dans les options de montage, les `config.stubs` sont convertis en un tableau, et vont stuber les composants avec un composant de base qui retourne `<${component name}-stub>`.
54+
55+
Exemple:
56+
57+
```js
58+
import { config } from '@vue/test-utils'
59+
60+
config.stubs['my-component'] = '<div />'
61+
```
62+
63+
### `mocks`
64+
65+
- type: `Object`
66+
- default: `{}`
67+
68+
Comme pour les `stubs`, les valeurs passées à `config.mocks` sont utilisées par défaut. Toute valeur passée à l'objet d'options de montage `mocks` aura la priorité sur celles déclarées dans `config.mocks`.
69+
70+
Exemple:
71+
72+
```js
73+
import { config } from '@vue/test-utils'
74+
75+
config.mocks['$store'] = {
76+
state: {
77+
id: 1
78+
}
79+
}
80+
```
81+
82+
### `methods`
83+
84+
- type: `{ [name: string]: Function }`
85+
- default: `{}`
86+
87+
Vous pouvez configurer les méthodes par défaut en utilisant l'objet `config`. Cela peut être utile pour les plugins qui injectent des méthodes aux composants, comme [VeeValidate](https://logaretm.github.io/vee-validate/). Vous pouvez surcharger les méthodes définies dans `config` en passant des `méthodes` dans les options de montage.
88+
89+
Exemple:
90+
91+
```js
92+
import { config } from '@vue/test-utils'
93+
94+
config.methods['getData'] = () => {}
95+
```
96+
97+
### `provide`
98+
99+
- type: `Object`
100+
- default: `{}`
101+
102+
Comme les `stubs` ou `mocks`, les valeurs passées à "config.provide" sont utilisées par défaut. Toutes les valeurs passées à l'objet d'options de montage `provide` auront la priorité sur celles déclarées dans `config.provide`. **Veuillez noter qu'il n'est pas possible de passer une fonction comme `config.provide`.**
103+
104+
Exemple:
105+
106+
```js
107+
import { config } from '@vue/test-utils'
108+
109+
config.provide['$logger'] = {
110+
log: (...args) => {
111+
console.log(...args)
112+
}
113+
}
114+
```

docs/fr/api/createLocalVue.md

+59
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
## createLocalVue()
2+
3+
- **Arguments:**
4+
5+
- `{Object} options`
6+
- `{Function} errorHandler`
7+
8+
- **Retours:**
9+
10+
- `{Component}`
11+
12+
- **Usage:**
13+
14+
`createLocalVue` renvoie une classe Vue pour que vous puissiez ajouter des composants, des mixins et installer des plugins sans polluer la classe Vue globale.
15+
16+
L'option `errorHandler` peut être utilisée pour gérer les erreurs non attrapées pendant la fonction de rendu du composant et les observateurs.
17+
18+
Utilisez-la avec `options.localVue`:
19+
20+
**Sans les options:**
21+
22+
```js
23+
import { createLocalVue, shallowMount } from '@vue/test-utils'
24+
import MyPlugin from 'my-plugin'
25+
import Foo from './Foo.vue'
26+
27+
const localVue = createLocalVue()
28+
localVue.use(MyPlugin)
29+
const wrapper = shallowMount(Foo, {
30+
localVue,
31+
mocks: { foo: true }
32+
})
33+
expect(wrapper.vm.foo).toBe(true)
34+
35+
const freshWrapper = shallowMount(Foo)
36+
expect(freshWrapper.vm.foo).toBe(false)
37+
```
38+
39+
**Avec l'option [`errorHandler`](https://vuejs.org/v2/api/#errorHandler):**
40+
41+
```js
42+
import { createLocalVue, shallowMount } from '@vue/test-utils'
43+
import Foo from './Foo.vue'
44+
45+
const errorHandler = (err, vm, info) => {
46+
expect(err).toBeInstanceOf(Error)
47+
}
48+
49+
const localVue = createLocalVue({
50+
errorHandler
51+
})
52+
53+
// Foo lance une erreur à l'intérieur d'un crochet de cycle de vie
54+
const wrapper = shallowMount(Foo, {
55+
localVue
56+
})
57+
```
58+
59+
- **Voir aussi:** [Common Tips](../guides/common-tips.md#applying-global-plugins-and-mixins)

docs/fr/api/createWrapper.md

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
## createWrapper(node [, options])
2+
3+
- **Arguments:**
4+
5+
- `{vm|HTMLElement} node`
6+
- `{Object} options`
7+
- `{Boolean} attachedToDocument`
8+
9+
- **Retours:**
10+
11+
- `{Wrapper}`
12+
13+
- **Usage:**
14+
15+
`createWrapper` crée un `Wrapper` pour une instance Vue montée, ou un élément HTML.
16+
17+
```js
18+
import { createWrapper } from '@vue/test-utils'
19+
import Foo from './Foo.vue'
20+
21+
const Constructor = Vue.extend(Foo)
22+
const vm = new Constructor().$mount()
23+
const wrapper = createWrapper(vm)
24+
expect(wrapper.vm.foo).toBe(true)
25+
```

0 commit comments

Comments
 (0)