Тестирование функциональности ссылок с помощью test-library ⇐ Javascript

[Anonymous]

Я впервые использую библиотеку реактивного тестирования. У меня есть React, пользовательский компонент React, который имеет кликабельную ссылку, по которой можно загрузить файл, хранящийся в магазине Redux. См. код ниже:

Код: Выделить всё

import React from 'react';

//onDownload defined here

const CustomModal = (state) => {
return (

[url=#] {
event.preventDefault();
onDownload(state.[file_id]);
}}
> {state[file_name}} [/url]

)
};

Я написал тест, в котором при нажатии на ссылку будет вызываться метод onDownload. Следующий код приводит к ошибке: Число полученных вызовов: 0

Код: Выделить всё

import React from 'react';
import { Provider } from 'react-redux';
import { render, screen, fireEvent, cleanup } from '@testing-library/react';
import '@testing-library/jest-dom';

describe('CustomModal', () => {
let store;

describe('render', () => {
beforeEach(() => {

store = configureStore(
{
import: {
state: {
file_isas_id: 123456789,
file_name: 'test_file.xlsx',
},
},
},
);
rendered = render(


,
});

afterEach(() => {
cleanup();
});

it('should call the onDownload when the download link is clicked', () => {
const onDownload= jest.fn();
fireEvent.click(screen.getByText('test_file.xlsx'));
expect(onDownload).toHaveBeenCalledTimes(1);
});

Есть идеи, как исправить? Спасибо.


Подробнее здесь: https://stackoverflow.com/questions/793 ... ng-library