You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/fr/guide/essentials/conditional-rendering.md
+11-12Lines changed: 11 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -38,13 +38,13 @@ Nous pouvons vérifier le contenu du lien de profil en utilisant `get()` :
38
38
39
39
```js
40
40
test('affiche le lien du profil', () => {
41
-
constwrapper=mount(Nav);
41
+
constwrapper=mount(Nav)
42
42
43
43
// Ici, nous vérifions implicitement que l'élément #profile existe.
44
-
constprofileLink=wrapper.get('#profile');
44
+
constprofileLink=wrapper.get('#profile')
45
45
46
-
expect(profileLink.text()).toEqual('Mon Profil');
47
-
});
46
+
expect(profileLink.text()).toEqual('Mon Profil')
47
+
})
48
48
```
49
49
50
50
Si `get()` ne retourne pas un élément correspondant au sélecteur, il enverra une erreur et votre test échouera. `get()` retourne un `DOMWrapper` si un élément est trouvé. Un `DOMWrapper` est une fine enveloppe autour de l'élément DOM qui implémente l'[API Wrapper](/fr/api/#Methodes-de-Wrapper) - c'est pourquoi nous pouvons exécuter `profileLink.text()` et accéder au texte. Vous pouvez accéder à l'élément brut en utilisant la propriété `element`.
@@ -58,12 +58,12 @@ Il existe un autre type d'enveloppe - un `VueWrapper` - qui est retourné par [`
58
58
Pour ce faire, nous utilisons plutôt `find()` et `exists()`. Le prochain test vérifie que si `admin` est `false` (ce qui est par défaut), le lien administrateur ne sera pas présent :
59
59
60
60
```js
61
-
test('n\'affiche pas le lien admin', () => {
62
-
constwrapper=mount(Nav);
61
+
test("n'affiche pas le lien admin", () => {
62
+
constwrapper=mount(Nav)
63
63
64
64
// Utiliser `wrapper.get` renverrait une erreur et ferait échouer le test.
Remarquez que nous appelons `exists()` sur la valeur retournée par `.find()`. `find()`, comme `mount()`, retourne également un `wrapper`. `mount()` a quelques méthodes supplémentaires, car il enveloppe un composant Vue, et `find()` ne retourne qu'un nœud DOM standard, mais de nombreuses méthodes sont partagées entre les deux. D'autres méthodes incluent `classes()` qui retournera les classes qu'un nœud DOM a, ou encore `trigger()`, qui simulera une interaction utilisateur. Vous pouvez trouver une liste des méthodes prises en charge [ici](../../api/#Methodes-de-Wrapper).
@@ -108,15 +108,14 @@ Les tests pour les scénarios utilisant `v-show` ressembleront à ceci :
108
108
109
109
```js
110
110
test("n'affiche pas le menu déroulant de l'utilisateur", () => {
0 commit comments