Mon composant rend le composant suivant
it('Add Text link should call method', () => { const { container, getByTestId} = render(<MyComp />); const link = getByTestId('MyAlertText'); expect(link).toBeInTheDocument(); fireEvent.click(link ); expect(jest.fn()).toHaveBeenCalled(); })
3 Réponses :
link.simuler ("cliquer") - devrait au travail! P>
Pouvez-vous fournir plus précis, car votre réponse est correcte.
Désolé, je suis nouveau à répondre à Stackoverflow. Ma poteau répond sous quoi le problème de l'affiche est? Suis-je censé fournir plus d'informations que l'affiche a besoin? Voici comment vous simulez des clics avec Jest, je ne sais pas ce que je peux ajouter d'autre pour le rendre plus spécifique peut-être que vous pouvez vous éclairer: D
Cela fonctionnera si vous utilisez une enzyme mais pas si vous utilisez des tests-bibliothèque, comme Op Demanda
Vous pouvez utiliser peu profonde code> dans JEST pour résoudre votre cas.
Généralement, vous ne devriez pas vous inquiéter des méthodes de test à l'intérieur em> votre composant. Plutôt, vous devriez tester les effets secondaires Bien sûr OnaddtText code> sera appelé (ou autre
Onaddtext code> Références), mais qu'est-ce que
Onaddtext code> réellement? Testez cet effet. P>
Le boîtier est-il important pour les attributs comme celui-ci? J'ai toujours utilisé
Data-Testid code> au lieu de
Data-Testid code>