0
votes

Comment se moquer d'un événement d'un clic sur un élément de réaction en utilisant JEST, réacteur-test-bibliothèque

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();
})


1 commentaires

Le boîtier est-il important pour les attributs comme celui-ci? J'ai toujours utilisé Data-Testid au lieu de Data-Testid


3 Réponses :


1
votes

link.simuler ("cliquer") - devrait au travail!


3 commentaires

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



0
votes

Vous pouvez utiliser peu profonde dans JEST pour résoudre votre cas. XXX


0 commentaires

1
votes

Généralement, vous ne devriez pas vous inquiéter des méthodes de test à l'intérieur votre composant. Plutôt, vous devriez tester les effets secondaires de ces méthodes.

Bien sûr OnaddtText sera appelé (ou autre Onaddtext Références), mais qu'est-ce que Onaddtext réellement? Testez cet effet.


0 commentaires