Angular : Les tests et le débogage

Travailler avec des breakpoints

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Vous allez explorer les breakpoints à l'aide du browser. Voyez aussi comment les utiliser avec Augury pour valider l'état de vos données.
02:18

Transcription

Les Break point de notre navigateur sont également très utiles. Vous pouvez valider les données avec Augury tout au long des breaks point. Laissez-moi-vous montrer. Donc, on est de retour dans notre navigateur, dans ce cas ci, moi j’utilise Chrome, et si vous êtes pas dessus les sources, cliquez sur les sources, comme vous pouvez voir, j’ai rafraîchi l’application ici, donc je vois que mon application est posée où ce qu’il y a le debugger Donc, qu’est ce que je vais faire maintenant ? Je vais rajouter des breaks point directement ici, dans la source avec le navigateur. Donc, si je voulais, je pouvais rajouter un break point directement ici et je pourrai rajouter un après. Je vais voir qu’est ce qui se passe ici, après la pause, et passer à la fin, et au même temps, je voulais vérifier ce qui se passe avec Augury. Donc, si je rafraîchi l’application, comme vous pouvez voir, j’ai une pause ici, à hero. Qu’est ce qui est intéressant ici en cliquant sur Augury ? C’est que je peux inspecter l’application et voir le state qui change tout en résumant les pauses ici. Donc, si je clique sur Resume, là, je viens de passer au debugger, y a toujours rien ici. Ensuite, je peux passer à la prochaine pause qui est ici le break point qui est après. Et si je vois dans Augury, j’ai absolument rien ici. Si on retourne dans la source ici, on peut voir que l’application ne s’est pas complétée ici, il a fallu mettre le break point après. C’est parfait, donc on peut continuer en résumant ici. Et maintenant, l’information est passée au travers de mon break point qui était ici. Et maintenant, mon state a été updaté. Maintenant, j’ai de l’information, on voit de l’information ici, et ainsi de suite. Donc, c’est très important d’apprendre les break point et d’utiliser quand on fait du débogage, car des fois, juste dans le code, ça ne sera pas assez. Des fois, on veut voir au travers de la fonction ici, au travers du bloc de code qu’est ce qui se passe avant, après, et pourquoi on n’arrive pas aux fins qu’on veut arriver. Donc, utilisez tous ces outils ensembles et vous allez être en mesure de bien débugger vos applications.

Angular : Les tests et le débogage

Découvrez les erreurs communes de cet environnement de développement telles que les erreurs d'injection ou de transformation de données, ainsi que les bonnes pratiques de conduite de tests.

1h24 (20 vidéos)
Aucun commentaire n´est disponible actuellement
Logiciel :
Spécial abonnés
Date de parution :7 juin 2018

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !