Как написать модульный тест для DataTable в React Component, используя Enzyme with Jest?

Question

Я новичок в тестировании React Unit.Я построил компонент React, который отображает DataTable , который принимает column names и data в качестве реквизита.Я написал модульный тест для элемента таблицы, используя Enzyme with Jest, который равен PASSED.Модульный тест

describe('Client Component Testing', () => {

    let mountedClientComp;
    const clientComp = () => {
        if (!mountedClientComp) {
            mountedClientComp = mount(
                <ClientsTable/>
            );
        }
        return mountedClientComp;
    };

    it('Client component renders a table', () => {
        const table = clientComp();
        table.setState({ temp: true });
        table.update();
        expect(table.exists('table')).toEqual(true);
    });
});

Но я не понимаю, как написать модульный тест для поля поиска DataTable, кнопок разбиения на страницы, информации о таблице, длины таблицы, элементов сортировки.

DataTable манипулирует DOM, принимаяtable html-тег в объекте DataTable, и поскольку table html-тег записывается в компонент React, модульный тест для элемента таблицы PASSED.

Но для тестирования поля ввода DataTable Search я нахожу inputэлемент, который не записан и который будет динамически добавлен, поэтому я не понимаю, как написать модульный тест !?

Как написать модульный тест для динамически добавляемых элементов?

С уважением, [Шашидхар]

Answer 1

Вы можете смонтировать новый <ClientsTable> в каждом тестовом случае с различными свойствами и в этом соответствующем тестовом случае найти все, что вы хотите.