Γωνιακό TDD, πώς να δοκιμάσετε το routerLink ή την αλλαγή διεύθυνσης URL

Φωτογραφία από το JESHOOTS.COM στο Unsplash

Αντιμετώπισα ένα πρόβλημα που έπρεπε να ελέγξω αν οι σύνδεσμοι μου λειτουργούσαν σωστά, παρόλο που έπρεπε να συγχωνεύσουν τις παραμέτρους ερωτήματος που είχαν ήδη ρυθμιστεί στο πρόγραμμα περιήγησης και να περιηγηθούν σε άλλη σελίδα της εφαρμογής.

Δεν υπήρχαν πολλές λύσεις σε αυτό το συγκεκριμένο πρόβλημα, επομένως αυτό είναι το αποτέλεσμα.

Τα σημαντικά μέρη αυτού του κώδικα είναι τα εξής:

  • "RouterTestingModule.withRoutes (διαδρομές)" και τα δρομολόγιά του, έτσι TestBed θα καταλάβει πού να πλοηγηθείτε, δεδομένου ότι η πλοήγηση σελίδα χλευάζεται εκεί.
  • "FakeAsync" ως δρομολόγηση και έλεγχος είναι υποσχέσεις ότι δεν μας ενδιαφέρει.
  • "Fixture.ngZone.run" ώστε να αποφύγουμε κάποιες προειδοποιήσεις

Αν έχετε μπερδευτεί από την έλλειψη της BeforeEach, έχω αυτό το άρθρο εξηγώντας γιατί.

Αν σας αρέσει αυτό το άρθρο, αυτές είναι μερικές άλλες θέσεις που μπορεί να σας ενδιαφέρουν:

  • Το βάρος μιας εξάρτησης σε μια σύγχρονη SPA εφαρμογή
  • Front-end για εφαρμογές μιας σελίδας (Angular, React, Vue) που ζυγίζουν με την ομάδα σας και πώς να το νοιώσετε.
  • Δημιουργία οδηγίαςThinkToggle σε γωνιακή.