Vous voulez devenir expert en XPath, Selectors, WebElement, DOM, SelectorsHub et TestCase Studio ? Rejoignez ma formation. Lien d'inscription -
Dans cette vidéo, vous apprendrez à gérer les erreurs XPath et cssSelector comme :
1. Pourquoi cela montre-t-il 0 nœud correspondant pour mon sélecteur ?
2. Qu'est-ce qui ne va pas dans mon XPath ?
2. Y a-t-il quelque chose qui manque dans mon sélecteur ?
3. Ai-je écrit la mauvaise syntaxe ?
4. Est-il possible d'ajouter du texte après la parenthèse carrée fermante ?
5. Pouvons-nous avoir plus de 3 barres obliques ?
6. Est-il obligatoire d'écrire la valeur de l'attribut entre guillemets pour cssSelector ?
..................................
............beaucoup plus
SelectorsHub aide à générer, écrire et vérifier le XPath et le cssSelector.
SelectorsHub est une nouvelle façon complète de générer, écrire et vérifier le XPath et les cssSelectors.
Découvrez le sponsor principal de SelectorsHub, TestProject - un outil d'automatisation de test de bout en bout GRATUIT.
Veuillez devenir un mécène et soutenir SelectorsHub pour le faire fonctionner GRATUITEMENT pour toujours.
Même 1 à 5 $ (le prix d'un café) par mois sera d'une grande aide.
SelectorsHub -
1) Il suggère toutes les fonctions XPath et cssSelector possibles pendant que vous tapez, comme un éditeur intelligent, avec leurs occurrences pour compléter rapidement les sélecteurs. Vous n'avez plus besoin de copier et coller les valeurs d'attributs depuis le DOM pour construire le XPath et le cssSelector.
2) Générez tous les types de sélecteurs possibles en un seul clic.
3) Copiez le XPath, le cssSelector et le chemin JS depuis le menu contextuel. Plus besoin d'ouvrir DevTools et l'onglet SelectorsHub.
4) Fonction pour personnaliser le menu contextuel.
5) Fonction pour désactiver et activer SelectorsHub dans le menu contextuel.
6) Il fournit un cssSelector et un XPath relatifs uniques et robustes.
7) Il prend également en charge les éléments shadowDOM, iframe, frame et SVG.
8) Il donne un message d'erreur approprié sur ce qui ne va pas dans votre xpath et cssSelector.
9) Il fournit également le xpath basé sur l'index dans la suggestion automatique.
10) Il a la fonctionnalité de générer un sélecteur avec l'attribut souhaité.
11) Vous pouvez également générer des sélecteurs avec la commande du pilote.
12) Vous pouvez personnaliser l'interface utilisateur comme vous le souhaitez.
13) Toutes les configurations seront enregistrées localement, donc la prochaine fois que vous l'ouvrirez, elle s'ouvrira avec vos configurations.
14) Pour copier la valeur du sélecteur, cliquez simplement sur l'icône de copie ou sur l'en-tête du sélecteur.
15) Pour modifier la valeur du sélecteur, cliquez simplement sur la valeur du sélecteur, cela mettra la valeur dans une boîte où vous pourrez la modifier et la vérifier.
Veuillez suivre le tutoriel vidéo pour tirer le meilleur parti de SelectorsHub.
Si vous rencontrez un problème ou avez des retours, n'hésitez pas à me contacter à selectorshub@gmail.com
Veuillez trouver le journal des modifications ici -
Pour plus de détails, veuillez consulter la page d'accueil -
Étapes très simples pour utiliser l'outil -
1. Ouvrez DevTools.
2. Sur le côté droit, le dernier onglet de la barre latérale est SelectorsHub. Cliquez dessus.
3. Ici, il montre tous les sélecteurs possibles pour l'élément inspecté. Pour l'élément pour lequel vous souhaitez générer un sélecteur, inspectez-le et il générera tous les sélecteurs possibles pour cet élément.
4. Pour construire votre propre XPath ou cssSelector, commencez à taper dans la boîte de saisie du sélecteur.
5. SelectorsHub suggérera automatiquement tous les attributs et tout ce qu'il faut pour compléter rapidement les sélecteurs. Vous n'avez plus besoin de copier et coller les valeurs d'attributs. Cela vous fera gagner beaucoup de temps.
6. Après avoir tapé, appuyez simplement sur Entrée.
7. Il mettra en surbrillance tous les nœuds correspondants et les listera dans l'onglet SelectorsHub.
8. Il fera également défiler l'élément web vers une zone visible.
9. Pour copier la valeur des sélecteurs, cliquez sur l'icône de copie.
10. Pour modifier la valeur du sélecteur, cliquez sur cette valeur de sélecteur.