diff --git a/docs/en/guides/README.md b/docs/en/guides/README.md index b927e5e36..223989ad0 100644 --- a/docs/en/guides/README.md +++ b/docs/en/guides/README.md @@ -2,7 +2,7 @@ * [Commencer](./getting-started.md) * [Astuces](./common-tips.md) -* [Mouse, Key and other DOM Events (EN)](guides/dom-events.md) +* [La souris, le clavier et les autres évènements DOM](./dom-events.md) * [Choisir un lanceur de tests](./choosing-a-test-runner.md) * [Utiliser avec Jest](./using-with-jest.md) * [Tester des composants monofichiers avec Jest](./testing-SFCs-with-jest.md) diff --git a/docs/en/guides/dom-events.md b/docs/en/guides/dom-events.md index 83d9e8ad7..5baec95ce 100644 --- a/docs/en/guides/dom-events.md +++ b/docs/en/guides/dom-events.md @@ -1,8 +1,9 @@ -# Testing Key, Mouse and other DOM events +# Tester le clavier, la souris et les autres évènements DOM -## Trigger events +## Déclencheur d'évènements -The `Wrapper` expose a `trigger` method. It can be used to trigger DOM events. + +Le `Wrapper` expose une méthode `trigger`. Elle peut être utilisée pour déclencher des évènements du DOM. ```js const wrapper = mount(MyButton) @@ -10,7 +11,7 @@ const wrapper = mount(MyButton) wrapper.trigger('click') ``` -You should be aware, that find returns a wrapper as well. Assuming `MyComponent` contains a button, the following code clicks the button. +Vous devez être au courant que la méthode `find` retourne aussi un wrapper. En partant du principe que `MyComponent` contient un bouton, le code suivant clique sur le bouton. ```js const wrapper = mount(MyComponent) @@ -20,9 +21,9 @@ wrapper.find('button').trigger('click') ## Options -The trigger method takes an optional `options` object. The properties in the `options` object are added to the Event. +La méthode `trigger` prend en paramètre optionnel l'objet `options`. Les propriétés de l'objet `options` sont ajoutées à l'évènement. -You can run preventDefault on the event by passing `preventDefault: true` in `options`. +Vous pouvez utiliser `preventDefault` sur l'évènement en passant `preventDefault: true` dans le paramètre `options`. ```js const wrapper = mount(MyButton) @@ -31,15 +32,15 @@ wrapper.trigger('click', {preventDefault: true}) ``` -## Mouse Click Example +## Exemple de clic de souris -**Component under test** +**Composant à tester** ```js