Inspecteur de page

  • Rversion finale: Yokohama
  • Mis à jour 30 janv. 2025
  • 4 minutes de lecture

    • Identifiez les composants de page HTML et JavaScript dans vos interfaces utilisateur qui sont disponibles pour les tests d’interface utilisateur personnalisés. Activez le test automatisé en vous assurant que vos interfaces utilisateur ne contiennent que des composants de page testables.

    L’inspecteur de page est un paramètre de développeur qui ouvre un nouveau volet à côté de toute page actuellement affichée Now Platform .

    Figure 1. Vue Inspecteur de page des KB0011110 d’articles de la base de connaissances
    Interface utilisateur principale vue de l’KB0011110 de l’article de la base de connaissances et du volet de l’inspecteur de page
    L’inspecteur de page fournit ces fonctionnalités.
    1. Un cadre en surbrillance pour identifier la page actuellement inspectée.
    2. Icône de bannière pour afficher ou masquer le volet de l’inspecteur.
    3. Bouton permettant d’actualiser la liste des composants de la page.
    4. Bouton pour masquer le volet de l’inspecteur.
    5. Bouton d’inspecteur permettant d’identifier des composants spécifiques sur une page.
    6. Une liste des composants de page disponibles pour le test d’interface utilisateur personnalisée.
    7. Un filtre de recherche de composant de page.
    8. Une ligne sur laquelle cliquer pour afficher plus d’informations sur un composant de page.
    9. Ligne et info-bulle en surbrillance pour afficher un aperçu des informations sur le composant actuellement inspecté.
    10. Un composant de page en surbrillance pour identifier le composant actuellement inspecté sur la page.
    11. Une étiquette de composant et un bouton Retour pour revenir à la liste des composants de la page.
    12. Une liste des actions à effectuer sur le composant de page actuel.
    13. Liste d’informations d’attribut pour le composant de page actuel.
    14. Paire nom d’attribut/valeur pour un composant de page.
      Remarque :
      Vous pouvez utiliser le champ Chemin d’accès de l’étiquette pour afficher le contexte hiérarchique de la page autour d’un élément lors de l’inspection d’un composant sur une page. S’il existe de nombreux chemins d’étiquette « ancêtres » d’un élément, il ne peut en afficher que trois. Chaque élément de chemin d’accès d’étiquette est séparé par une >. Il peut être utilisé pour différencier deux composants d’apparence similaire.
    Remarque :
    Les boutons de l’interface utilisateur avec des icônes sont maintenant visibles dans l’inspecteur de page.
    Figure 2. Vue de l’inspecteur de page des détails du composant
    Interface utilisateur principalevue du volet de l’inspecteur de page affichant les détails du composant de page Créer un favori

    Lanceur d’inspecteur de page

    Le lanceur d’inspecteur de page vous permet de sélectionner et de lancer une page spécifique dans l’inspecteur de page. Consultez Inspecter différents types de page pour plus d'informations.

    GIF montrant les différents types de pages pour l’inspection

    Composants de page testables

    L’inspecteur de page récupère la liste des composants de page testables lorsque vous chargez une page pour la première fois. Les composants testables sont constitués de code HTML et JavaScript standard qui sont accessibles au Framework de tests automatisés. Les concepteurs de tests peuvent utiliser ces composants dans le cadre de tests d’interface utilisateur personnalisés.

    Composants de page impossibles à tester

    L’inspecteur de page identifie ces types de composants de page qui ne peuvent pas être testés.
    Appartenance à la liste d’exclusion
    Les composants de page listés d’exclusion ne peuvent pas être testés à l’aide d’étapes de test d’interface utilisateur personnalisées. Les composants de page listés d’exclusion comprennent généralement des interfaces utilisateur spécialisées Now Platform et des composants déjà testables par d’autres moyens. Les concepteurs de tests ne peuvent pas créer de tests d’interface utilisateur personnalisés pour les composants de page listés d’exclusion. Pour tester ces composants, ils doivent utiliser une autre catégorie de test prise en charge telle que Formulaires ou Catalogue de services.

    Dans l’inspecteur de page, les interfaces figurant sur la liste d’exclusion sont indiquées par une couleur d’arrière-plan grise lorsque l’icône d’inspection est glissée dessus. Un message détaillé sur la catégorie d’étape qui doit être utilisée pour tester ces composants s’affiche en déposant l’icône d’inspection sur un composant listé d’exclusion.Fichier GIF affichant la partie autorisée dans l’intégralité du formulaire listé d’exclusion.

    • Les listes ne peuvent pas être testées à l’aide d’étapes de test d’interface utilisateur personnalisées. Utilisez Liste et liste connexe la catégorie d’étape de test pour tester les listes.
      Figure 3. Exemple de message de la liste listée d’exclusion
      Message d’avertissement indiquant « Les listes sont répertoriées d’exclusion »
    • Les formulaires ne peuvent pas être testés à l’aide d’étapes de test d’interface utilisateur personnalisées. Pour tester les formulaires, utilisez des Catégorie de formulaire étapes de test.
      Figure 4. Exemple de message du formulaire listé d’exclusion
      Message d’avertissement indiquant « Les formulaires sont sur liste d’exclusion »
      Remarque :
      Les formateurs d’interface utilisateur dans les formulaires peuvent être consultés et testés à l’aide d’étapes de test d’interface utilisateur personnalisées. Consultez Créer un test d’interface utilisateur personnalisé pour plus d'informations.
    • Les éléments de Service Catalog ne peuvent pas être testés à l’aide d’étapes de test d’interface utilisateur personnalisées. Pour tester les éléments de catalogue, utilisez des Catégorie Catalogue de services étapes de test.
      Figure 5. Message d’élément de catalogue répertorié pour l’exclusion d’échantillons
      Message d’avertissement indiquant « Les éléments de catalogue de services sont sur liste d’exclusion »
    • Certains composants sont exclus des pages d’interface utilisateur personnalisées et ne peuvent pas être testés.
      Figure 6. Message du composant listé pour l’exclusion d’échantillon
      Message d’avertissement indiquant « Ce composant est répertorié comme une exclusion »
    • Les espaces de travail ne peuvent pas être testés à l’aide d’étapes de test d’interface utilisateur personnalisées. Pour tester les formulaires dans un espace de travail disponible, utilisez Catégorie de formulaire des étapes de test.
      Figure 7. Message de l’espace de travail listé pour l’exclusion d’exemples
      Message d’avertissement indiquant « Les espaces de travail sont sur liste d’exclusion »
    Inaccessible
    Les composants de page inaccessibles sont des éléments que l’on ne peut pas identifier ou que Framework de tests automatisés l’on n’a pas l’autorisation de tester en raison d’un problème de configuration. Les composants de page inaccessibles incluent généralement des bibliothèques JavaScript tierces ou des éléments avec un Shadow DOM. Les concepteurs de tests ne peuvent pas créer de tests d’interface utilisateur personnalisés pour les composants de page inaccessibles, mais peuvent reconcevoir la page pour utiliser des composants accessibles à Framework de tests automatisés.
    • Certains composants ne sont pas accessibles dans Framework de tests automatisés
      Figure 8. Exemple de message de composant inaccessible
      Message d’avertissement indiquant « Ce composant n’est pas accessible »
    • Développement de l’équipe n’est pas pris en charge dans le Framework de tests automatisés
      Figure 9. Exemple de message de composant non pris en charge
      Message d’avertissement indiquant « Développement de l’équipe n’est pas pris en charge dans ATF »
    • Le test des sites externes incorporés dans les pages de la plateforme n’est pas pris en charge dans le Framework de tests automatisés
      Figure 10. Exemple de message sur les sites externes incorporés non pris en charge
      Message d’avertissement indiquant « Framework de tests automatisés n’est pas en mesure de tester les sites externes qui sont incorporés dans les pages de ce site »