Я зашел в тупик, так как не знаю, как мне проводить тестирование этого конкретного «компонента». В общем, у меня есть компонент контроллера, который является компонентом верхнего уровня. Он не принимает никаких реквизитов и визуализируется компонентом маршрута. Компонент контроллера имеет несколько функций, некоторые из которых передаются дочернему компоненту и запускаются обработчиками событий.

Кроме того, компонент контроллера использует API, который прикреплен к глобальному объекту окна. API принимает функцию обратного вызова, которая затем будет вызываться, когда вы вызываете определенные методы в API, после того, как методы были запущены. Прямо сейчас я понятия не имею, как мне попробовать протестировать контроллер. Я протестировал все дочерние компоненты и убедился, что все работает, но некоторые из этих функций в компоненте контроллера будут иметь решающее значение для проверки того, что они действительно работают.

const MyController = () => {
const [api, setApi] = useState(null)

useEffect(() => {
const globalApi = window.globalApi
setApi(globalApi)
init()
}, [])

function callBack(e) {
    console.log(e)
}

function init() {
        api.init(callBack)
}

function close() {
    api.close()
}

return (
    <MyComponent 
    close={close}
    />
)

}