--- sourceDocument: Yokohama Créer ou modifier des applications sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/yokohama/application-development Release : - yokohama ft:locale : - fr-FR ft:publication_title : - Yokohama Créer ou modifier des applications ft:clusterId : - cadev bundleId : - cadev workflow : - Creator --- Inspecteur de page ================== Inspecteur de page {#ariaid-title1} =================================== * Rversion finale: Yokohama * * Mis à jour 30 janv. 2025 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 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 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. {#atf-page-inspector__ul_qg2_n1j_qfb} 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 Lanceur d'inspecteur de page {#atf-page-inspector__section_szl_lpb_blb} ----------------------------------------------------------------------- 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](https://servicenow-prod.fluidtopics.net/GTzBBRxX5cXkwlOjIZvYYQ "Inspectez et dépannez les fonctionnalités des différents types de pages tels que les pages de l’interface utilisateur, le portail de services, l’interface utilisateur standard et l’URL personnalisée à l’aide de l’inspecteur de page.") pour plus d'informations. Composants de page testables {#atf-page-inspector__section_wj4_hyj_qfb} ----------------------------------------------------------------------- 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 {#atf-page-inspector__section_bwv_zrw_qfb} ---------------------------------------------------------------------------------- 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. * Les listes ne peuvent pas être testées à l'aide d'étapes de test d'interface utilisateur personnalisées. Utilisez [Liste et liste connexe](https://servicenow-prod.fluidtopics.net/2HnjHQ9B0v~4_GxCnSZ2rA#test-steps-list-related-list "Validez la fonctionnalité et la visibilité des enregistrements et des actions d’interface utilisateur dans les listes et listes connexes.") la catégorie d'étape de test pour tester les listes.Figure 3. Exemple de message de la liste listée 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](https://servicenow-prod.fluidtopics.net/XIchnfXcpmuY4gWu29s2jg#test-steps-form-category "Validez la fonctionnalité des champs et des actions d’interface utilisateur sur un formulaire.") étapes de test.Figure 4. Exemple de message du formulaire listé 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é](https://servicenow-prod.fluidtopics.net/sc0AN2xKfGmq_LdY0UIy2w "Testez les composants dans des pages d’interface utilisateur personnalisées.") 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](https://servicenow-prod.fluidtopics.net/vjS8L63b9UCwkzJ2chOyqg#test-steps-service-catalog-category "Validez les transactions d’éléments de catalogue uniques ainsi que les flux de demandeurs et de prestataires dans Catalogue de services.") étapes de test.Figure 5. Message d'élément de catalogue répertorié pour l'exclusion d'échantillons * 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 * 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](https://servicenow-prod.fluidtopics.net/XIchnfXcpmuY4gWu29s2jg#test-steps-form-category "Validez la fonctionnalité des champs et des actions d’interface utilisateur sur un formulaire.") des étapes de test.Figure 7. Message de l'espace de travail listé pour l'exclusion d'exemples {#atf-page-inspector__ul_sd5_3vw_sjb} 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 * 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 * 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 {#atf-page-inspector__ul_ax2_xyw_sjb} * **[Inspecter différents types de page](https://servicenow-prod.fluidtopics.net/GTzBBRxX5cXkwlOjIZvYYQ)** Inspectez et dépannez les fonctionnalités des différents types de pages tels que les pages de l'interface utilisateur, le portail de services, l'interface utilisateur standard et l'URL personnalisée à l'aide de l'inspecteur de page.