Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

API: Wrapper Array #20

Open
wants to merge 5 commits into
base: working
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions docs/en/api/wrapper-array/README.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
# `WrapperArray`

<p><strong>⚠Cette page est actuellement en cours de traduction française. Vous pouvez repasser plus tard ou <a href="https://github.com/vuejs-fr/vue-test-utils" target="_blank">participer à la traduction</a> de celle-ci dès maintenant !</strong></p><p>A `WrapperArray` is an object that contains an array of [`Wrappers`](../wrapper/README.md), and methods to test the `Wrappers`.</p>
Un `WrapperArray` est un objet contenant un tableau de [`Wrappers`](../wrapper/README.md) ainsi que les méthodes pour tester les `Wrappers`.

- **Properties:**
- **Propriétés :**

`wrappers` `array`: the `Wrappers` contained in the `WrapperArray`
`length` `number`: the number of `Wrappers` contained in the `WrapperArray`
`wrappers` `array`: les `Wrappers` contenu dans `WrapperArray`.
`length` `number`: le nombre de `Wrappers` que le `WrapperArray` contient.

- **Methods:**
- **Méthodes :**

There is a detailed list of methods in the `WrapperArray` section of the docs.
Il y a une liste détaillé des méthodes dans la section `WrapperArray` de la documentation.
8 changes: 4 additions & 4 deletions docs/en/api/wrapper-array/at.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
# `at(index)`

<p><strong>⚠Cette page est actuellement en cours de traduction française. Vous pouvez repasser plus tard ou <a href="https://github.com/vuejs-fr/vue-test-utils" target="_blank">participer à la traduction</a> de celle-ci dès maintenant !</strong></p><p>Returns `Wrapper` at `index` passed. Uses zero based numbering (i.e. first item is at index 0).</p>
Retourne le `Wrapper` à l'index passé en paramètre. L'indexation commence à 0.

- **Arguments:**
- **Paramètre :**
- `{number} index`

- **Returns:** `{Wrapper}`
- **Retourne :** `{Wrapper}`

- **Example:**
- **Exemple :**

```js
import { shallow } from '@vue/test-utils'
Expand Down
12 changes: 5 additions & 7 deletions docs/en/api/wrapper-array/contains.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,13 @@
# `contains(selector)`

<p><strong>⚠Cette page est actuellement en cours de traduction française. Vous pouvez repasser plus tard ou <a href="https://github.com/vuejs-fr/vue-test-utils" target="_blank">participer à la traduction</a> de celle-ci dès maintenant !</strong></p><p>Assert every wrapper in `WrapperArray` contains selector.</p>
Asserte que chaque `Wrapper` de `WrapperArray` contient un élément basé sur un sélecteur.

Use any valid [selector](../selectors.md).
- **Paramètres :**
- `{string|Component} selector : sélecteur`

- **Arguments:**
- `{string|Component} selector`
- **Retourne :** `{boolean}`

- **Returns:** `{boolean}`

- **Example:**
- **Exemple :**

```js
import { shallow } from '@vue/test-utils'
Expand Down
12 changes: 6 additions & 6 deletions docs/en/api/wrapper-array/hasAttribute.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
# hasAttribute(attribute, value)

<p><strong>⚠Cette page est actuellement en cours de traduction française. Vous pouvez repasser plus tard ou <a href="https://github.com/vuejs-fr/vue-test-utils" target="_blank">participer à la traduction</a> de celle-ci dès maintenant !</strong></p><p>Assert every `Wrapper` in `WrapperArray` DOM node has `attribute` matching `value`.</p>
Asserte que chaque `Wrapper` de `WrapperArray` a un nœud du DOM qui à un attribut (`attribute`) ayant une certaine valeur (`value`).

- **Arguments:**
- `{string} attribute`
- `{string} value`
- **Paramètres :**
- `{string} attribute : l'attribut`
- `{string} value : la valeur`

- **Returns:** `{boolean}`
- **Retourne :** `{boolean}`

- **Example:**
- **Exemple :**

```js
import { mount } from 'vue-test-utils'
Expand Down
10 changes: 5 additions & 5 deletions docs/en/api/wrapper-array/hasClass.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
# hasClass(className)

<p><strong>⚠Cette page est actuellement en cours de traduction française. Vous pouvez repasser plus tard ou <a href="https://github.com/vuejs-fr/vue-test-utils" target="_blank">participer à la traduction</a> de celle-ci dès maintenant !</strong></p><p>Assert every `Wrapper` in `WrapperArray` DOM node has class containing `className`.</p>
Asserte que chaque `Wrapper` de `WrapperArray` a un nœud du DOM qui a une classe contenant `className`.

- **Arguments:**
- `{string} className`
- **Paramètre :**
- `{string} className : nom d'une classe`

- **Returns:** `{boolean}`
- **Retourne :** `{boolean}`

- **Example:**
- **Exemple :**

```js
import { mount } from 'vue-test-utils'
Expand Down
12 changes: 6 additions & 6 deletions docs/en/api/wrapper-array/hasProp.md
Original file line number Diff line number Diff line change
@@ -1,16 +1,16 @@
# hasProp(prop, value)

<p><strong>⚠Cette page est actuellement en cours de traduction française. Vous pouvez repasser plus tard ou <a href="https://github.com/vuejs-fr/vue-test-utils" target="_blank">participer à la traduction</a> de celle-ci dès maintenant !</strong></p><p>Assert every `Wrapper` in `WrapperArray` `vm` has `prop` matching `value`.</p>
Asserte que chaque instance de Vue `vm` de `Wrapper` dans `WrapperArray` a une `prop` correspondant à `value`.

**Note the Wrapper must contain a Vue instance.**
**Note : le `Wrapper` doit contenir une instance de Vue.**

- **Arguments:**
- **Paramètres :**
- `{string} prop`
- `{any} value`
- `{any} value : la valeur`

- **Returns:** `{boolean}`
- **Retourne :** `{boolean}`

- **Example:**
- **Exemple :**

```js
import { mount } from 'vue-test-utils'
Expand Down
14 changes: 7 additions & 7 deletions docs/en/api/wrapper-array/hasStyle.md
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
# hasStyle(style, value)

<p><strong>⚠Cette page est actuellement en cours de traduction française. Vous pouvez repasser plus tard ou <a href="https://github.com/vuejs-fr/vue-test-utils" target="_blank">participer à la traduction</a> de celle-ci dès maintenant !</strong></p><p>Assert every `Wrapper` in `WrapperArray` DOM node has style matching value.</p>
Asserte que chaque `Wrapper` de `WrapperArray` a un nœud DOM ayant un certain style avec une certaine valeur (`value`).

Returns `true` if `Wrapper` DOM node has `style` matching `value`.
Retourne `true` si le nœud du DOM du `Wrapper` contient un `style` correspondant à `value`.

**Note will only detect inline styles when running in `jsdom`.**
- **Arguments:**
**Note : cela va uniquement détecter les styles `inlines` en cours d'exécution dans `jsdom`.**
- **Paramètres :**
- `{string} style`
- `{string} value`
- `{string} value : valeur`

- **Returns:** `{boolean}`
- **Retourne :** `{boolean}`

- **Example:**
- **Exemple :**

```js
import { mount } from 'vue-test-utils'
Expand Down
10 changes: 5 additions & 5 deletions docs/en/api/wrapper-array/is.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
# `is(selector)`

<p><strong>⚠Cette page est actuellement en cours de traduction française. Vous pouvez repasser plus tard ou <a href="https://github.com/vuejs-fr/vue-test-utils" target="_blank">participer à la traduction</a> de celle-ci dès maintenant !</strong></p><p>Assert every `Wrapper` in `WrapperArray` DOM node or `vm` matches [selector](../selectors.md).</p>
Asserte que chaque `Wrapper` de `WrapperArray` a un nœud du DOM ou une instance de Vue `vm` correspondant à un [sélecteur](../selectors.md).

- **Arguments:**
- `{string|Component} selector`
- **Paramètre :**
- `{string|Component} selector : un sélecteur`

- **Returns:** `{boolean}`
- **Retourne :** `{boolean}`

- **Example:**
- **Exemple :**

```js
import { mount } from '@vue/test-utils'
Expand Down
6 changes: 3 additions & 3 deletions docs/en/api/wrapper-array/isEmpty.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
# `isEmpty()`

<p><strong>⚠Cette page est actuellement en cours de traduction française. Vous pouvez repasser plus tard ou <a href="https://github.com/vuejs-fr/vue-test-utils" target="_blank">participer à la traduction</a> de celle-ci dès maintenant !</strong></p><p>Assert every `Wrapper` in `WrapperArray` does not contain child node.</p>
Asserte que chaque `Wrapper` de `WrapperArray` ne contient pas de nœuds enfants.

- **Returns:** `{boolean}`
- **Retourne :** `{boolean}`

- **Example:**
- **Exemple :**

```js
import { mount } from '@vue/test-utils'
Expand Down
6 changes: 3 additions & 3 deletions docs/en/api/wrapper-array/isVueInstance.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
# `isVueInstance()`

<p><strong>⚠Cette page est actuellement en cours de traduction française. Vous pouvez repasser plus tard ou <a href="https://github.com/vuejs-fr/vue-test-utils" target="_blank">participer à la traduction</a> de celle-ci dès maintenant !</strong></p><p>Assert every `Wrapper` in `WrapperArray` is Vue instance.</p>
Asserte que chaque `Wrapper` de `WrapperArray` possède une instance de Vue.

- **Returns:** `{boolean}`
- **Retourne :** `{boolean}`

- **Example:**
- **Exemple :**

```js
import { mount } from '@vue/test-utils'
Expand Down
8 changes: 4 additions & 4 deletions docs/en/api/wrapper-array/setData.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
# `setData(data)`

<p><strong>⚠Cette page est actuellement en cours de traduction française. Vous pouvez repasser plus tard ou <a href="https://github.com/vuejs-fr/vue-test-utils" target="_blank">participer à la traduction</a> de celle-ci dès maintenant !</strong></p><p>Sets `Wrapper` `vm` data and forces update on each `Wrapper` in `WrapperArray`.</p>
Définit les données de l'instance de Vue `vm` du `Wrapper` `vm` puis force la mise à jour sur chaque `Wrapper` de `WrapperArray`.

**Note every `Wrapper` must contain a Vue instance.**
**Note : chaque `Wrapper` doit contenir une instance de Vue.**

- **Arguments:**
- **Paramètre :**
- `{Object} data`

- **Example:**
- **Exemple :**

```js
import { mount } from '@vue/test-utils'
Expand Down
8 changes: 4 additions & 4 deletions docs/en/api/wrapper-array/setMethods.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
# `setMethods(methods)`

<p><strong>⚠Cette page est actuellement en cours de traduction française. Vous pouvez repasser plus tard ou <a href="https://github.com/vuejs-fr/vue-test-utils" target="_blank">participer à la traduction</a> de celle-ci dès maintenant !</strong></p><p>Sets `Wrapper` `vm` methods and forces update on each `Wrapper` in `WrapperArray`.</p>
Fixe les méthodes de l'instance de Vue `vm` du `Wrapper` et force la mise à jour sur chaque `Wrapper` de `WrapperArray`.

**Note every `Wrapper` must contain a Vue instance.**
**Note : chaque `Wrapper` doit contenir une instance de Vue.**

- **Arguments:**
- **Paramètre :**
- `{Object} methods`

- **Example:**
- **Exemple :**

```js
import { mount } from '@vue/test-utils'
Expand Down
8 changes: 4 additions & 4 deletions docs/en/api/wrapper-array/setProps.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
# `setProps(props)`

<p><strong>⚠Cette page est actuellement en cours de traduction française. Vous pouvez repasser plus tard ou <a href="https://github.com/vuejs-fr/vue-test-utils" target="_blank">participer à la traduction</a> de celle-ci dès maintenant !</strong></p><p>Sets `Wrapper` `vm` props and forces update on each `Wrapper` in `WrapperArray`.</p>
Fixe les `props` de l'instance de Vue `vm` du `Wrapper` et force la mise à jour sur chaque `Wrapper` de `WrapperArray`.

**Note every `Wrapper` must contain a Vue instance.**
**Note : chaque `Wrapper` doit contenir une instance de Vue.**

- **Arguments:**
- **Paramètre :**
- `{Object} props`

- **Example:**
- **Exemple :**

```js
import { mount } from '@vue/test-utils'
Expand Down
10 changes: 5 additions & 5 deletions docs/en/api/wrapper-array/trigger.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
# `trigger(eventName)`

<p><strong>⚠Cette page est actuellement en cours de traduction française. Vous pouvez repasser plus tard ou <a href="https://github.com/vuejs-fr/vue-test-utils" target="_blank">participer à la traduction</a> de celle-ci dès maintenant !</strong></p><p>Triggers an event on every `Wrapper` in the `WrapperArray` DOM node.</p>
Déclenche un évènement sur chaque nœud du DOM des `Wrapper` de `WrapperArray`.

**Note every `Wrapper` must contain a Vue instance.**
**Note : chaque `Wrapper` doit contenir une instance de Vue.**

- **Arguments:**
- `{string} eventName`
- **Paramètre :**
- `{string} eventName ; nom de l'évènement`

- **Example:**
- **Exemple :**

```js
import { mount } from '@vue/test-utils'
Expand Down
10 changes: 5 additions & 5 deletions docs/en/api/wrapper-array/update.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
# `update()`

<p><strong>⚠Cette page est actuellement en cours de traduction française. Vous pouvez repasser plus tard ou <a href="https://github.com/vuejs-fr/vue-test-utils" target="_blank">participer à la traduction</a> de celle-ci dès maintenant !</strong></p><p>Force root Vue component of each `Wrapper` in `WrapperArray` to re-render.</p>
Force le composant Vue principal de chaque `Wrapper` de `WrapperArray` à se mettre à jour.

If called on a Vue component wrapper array, it will force each Vue component to re-render.
Si appellée sur `WrapperArray`, il mettra à jour le composant de chaque `Wrapper`.

- **Example:**
- **Exemple :**

```js
import { mount } from '@vue/test-utils'
Expand All @@ -13,7 +13,7 @@ import Foo from './Foo.vue'
const wrapper = mount(Foo)
const divArray = wrapper.findAll('div')
expect(divArray.at(0).vm.bar).toBe('bar')
divArray.at(0).vm.bar = 'new value'
divArray.at(0).vm.bar = 'nouvelle valeur'
divArray.update()
expect(divArray.at(0).vm.bar).toBe('new value')
expect(divArray.at(0).vm.bar).toBe('nouvelle valeur')
```