Симуляция Нажмите и сделайте снимок с Jest для React

Question

Я пытаюсь научиться создавать юнит-тесты для моего приложения REACT.

То, что я пытаюсь проверить, это вывод компонента, а затем вывод того же компонента после нажатия кнопки. (при условии, что это возможно).

Я видел примеры, когда enyzme имитирует щелчок, но я не видел ни одного примера, использующего функцию моментального снимка Jest ... Я попробовал (что не работает):

import React from 'react';
import TopNav from '../components/navigation/TopNav'
import renderer from 'react-test-renderer';

test('Modal opens when when button clicked', () => {
    const component = renderer.create(
        <TopNav history={null} showSignUp={false} />
    );

    let tree = element.toJSON();
    expect(tree).toMatchSnapshot();

    //manually trigger modal
    let instance = component.getInstance();
    instance.find(".login-button").simulate('click'); //Does not work, find not a function
    // re-rendering
    tree = component.toJSON();
    expect(tree).toMatchSnapshot();
});