Discussion :

[TacosPlease]

Bonjour,

J'ai un problème avec un paragraphe dont je voudrais vérifier le texte.

Ca c'est le code html de la page :

https://rehost.diberie.com/Picture/Get/f/41849



J'ai essayé le code suivant mais c'est ko :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
test('VerificationMots', async t => {
    const MotsSaisis = Selector('p[class=flex-auto pa3 u-break-word]');
 
    await t
       .expect(MotsSaisis).contains('Etoiles Année Surprise');
});

Auriez-vous une idée ?

Merci.

[tsuji]

[0] D'abord,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

const MotsSaisis = Selector('p[class=flex-auto pa3 u-break-word]');

syntactiquement, c'est déja incorrect. Ceci peut marcher :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

const MotsSaisis = Selector('p[class="flex-auto pa3 u-break-word"]');

Mais, la syntaxe utilisant prédicat n'est peut-être pas la meilleurs. L'ordre de classes devient rigid et en fait l'ordre n'a ici peu d'importance sémantiquement. Pour relaxer cette rigidité, je dirais il vaut mieux utilser la syntaxe plus d'affinité de css selecteur. Dans ce cas, l'ordre n'a pas d'importance, à titre d'exemple, comme ça.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

const MotsSaisis = Selector('p.pa3.u-break-word.flex-auto');

[1] Puis,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
    await t
       .expect(MotsSaisis).contains('Etoiles Année Surprise');

Pour réussir le test, on doit écrire comme ça.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
    await t
       .expect(await MotsSaisis.textContent).contains('Etoiles Année Surprise');

Voilà !