Comment se moquer de l’utilisationHistory crochet en plaisantant?

Question

<p>J’utilise le crochet UseHistory dans react routeur v5.1.2 avec typescript? Lors de l’exécution de test unitaire, j’ai eu problème.<blockquote> <p>TypeError: Impossible de lire la propriété « histoire » de non défini.</p> </blockquote><pre class="lang-js prettyprint-override"><code></code></pre><p>Aussi, j’ai essayé <code></code> d’utiliser, mais il ne fonctionne toujours pas.</p></p>

Answer 1

<p>J’avais besoin de la même chose lors de l’infonction d’un composant fonctionnel réagir qui utilise <code></code> . <p>Résolu avec le simulacre suivant dans mon fichier de test:</p><pre><code></code></pre></p>

Answer 2

<p>Celui-ci a travaillé pour moi:<pre class="lang-js prettyprint-override"><code></code></pre></p>

Answer 3

<p>Voici un exemple plus verbeux, tiré du code de test de travail (puisque j’ai eu du mal à implémenter le code ci-dessus):<p><strong>Composant.js</strong></p><pre><code></code></pre><p><strong>Component.test.js</strong></p><pre><code></code></pre></p>

Answer 4

<p>Dans github react-router repo j’ai trouvé que useHistory crochet utilise le contexte singleton, quand j’ai commencé à utiliser dans le montage MemoryRouter il a trouvé le contexte et a commencé à fonctionne. Alors réparez-le <pre><code></code></pre></p>

Answer 5

<p>En portant mon chapeau de politicien, j’oserai dire que vous posez la mauvaise question.<p>Ce n’est pas <code></code> que tu veuilles te moquer. Au lieu de cela, vous voulez juste le nourrir avec un objet d’histoire que vous contrôlez.</p><p>Cela vous permet également de vérifier les <code></code> invocations, tout comme les 2 meilleures réponses (à partir de l’écriture de ce).</p><p>Si c’est effectivement le cas, <code></code> vous avez obtenu votre dos:</p><pre><code></code></pre></p>