Почему в тесте не срабатывает клик?

Question

[ch-aqwer]

Добрый день! Подскажите пожалуйста почему тест отдает такую ошибку?

В других аналогичных компонентах, аналогичных тестах все работает нормально, а тут ошибка.
Сам тест

it('should trigger prop openAppModal when modal btn is clicked', () => {
    const props = {
      app: {
        id: '1',
      },
      selectedItem: {
        id: '1',
      },
      openAppModal: jest.fn(),
      onChange: jest.fn(),
      isLoading: false,
    };
    const enzymeWrapper = shallow(<AppItem {...props} />);
    enzymeWrapper.find('[data-test="delete-Flight"]').simulate('click');

    expect(props.openAppModal).toHaveBeenCalledTimes(1);
  });

Ошибка

Method “simulate” is only meant to be run on a single node. 0 found instead.

      53 |     };
      54 |     const enzymeWrapper = shallow(<AppItem {...props} />);
    > 55 |     enzymeWrapper.find('[data-test="modal"]').simulate('click');

Для тестов использую jest/enzyme, проект на react/redux.
Спасибо!

Компонент

import React from 'react';
import PropTypes from 'prop-types';
import _map from 'lodash/map';
import { pure } from 'recompose';

import FlightCard, {
  FlightCardContent,
  FlightCardDescription,
  FlightCardFlight,
  FlightCardInfo,
  FlightPlayer,
  FlightCardDeleteWrapper,
  FlightCardContentTop,
  FlightCardContentBottom,
} from 'App/components/FlightCard';
import { IconDelete, IconSetText, IconNewFlight } from 'App/components/Icons';

import {
  FormGroupSelect,
} from 'App/components/Form';

import Time from 'App/components/Time';
import BEM from 'App/utils/BEM';
import { appType, dynamicFlightType } from 'App/types';

const b = BEM('Flight-card');

const handleDeleteDynamicFlight = (
  Flight,
  selectDynamicFlight,
  openAppDeleteFlightModal,
) => {
  selectDynamicFlight(Flight);

  openAppDeleteFlightModal();
};

const isLoading = (
  Flight,
  selectedDynamicFlight,
  isEditingLocale,
) => (
  Flight.id === selectedDynamicFlight.id && isEditingLocale
);

const FlightItem= ({
                            app,
                            Flight,
                            onChange,
                            selectedDynamicFlight,
                            selectDynamicFlight,
                            openAppDeleteDynamicFlightModal,
                            openAppDynamicFlightSetTextModal,
                            openAppDynamicFlightSetFlightModal,
                            isEditingLocale,
                          }) => (
  <FlightCard>
    <FlightCardContent>
      <div>
        <FlightCardContentTop>
          <FlightCardDescription>
            {Flight.transcription}
          </FlightCardDescription>

          <FlightCardFlight className={b('Flight').toString()}>
            <div>
              <div>
                <span className={b('filename')}>{Flight.filename}</span>
              </div>
              <FlightPlayer
                app={app}
                Flight={Flight}
              />

              <div className={b('Flight-buttons')} />
            </div>
          </FlightCardFlight>
        </FlightCardContentTop>
        <FlightCardContentBottom>
          <button
            className="button is-text is-uppercase"
            onClick={() => handleDeleteDynamicFlight(
              Flight,
              selectDynamicFlight,
              openAppDeleteDynamicFlightModal,
            )}
            data-test="delete-Flight"
          >
            <IconDelete />
            DELETE
          </button>
        </FlightCardContentBottom>
      </div>
    </FlightCardContent>
    
  </FlightCard>
);

export default pure(FlightItem);

Comments

[Александр Петров]

А где сам компонент? Откуда нам знать что происходит внутри него?

А судя по ошибке, Enzyme не нашел ни одной ноды по такому селектору.

[ch-aqwer]

Александр Петров, Проблема в том, что в одних (таких же компонентах) все находится и работает, а здесь нет.

[Александр Петров]

ch-aqwer, в одних — это в каких?
Еще раз повторюсь, что не видя компонент сказать в чем именно ошибка не получится. А чем ошибка вообще уже написал — нет ноды с таким селектором.
Так что таки приложите в вопрос сам компонент.

[ch-aqwer]

Александр Петров, Отредактировал вопрос

А чем ошибка вообще уже написал — нет ноды с таким селектором.

Пробовал писать с классом или id
ничего не меняется

[Александр Петров]

У вас в приведенном тесте data-test="delete-Flight". В сообщении об ошибке data-test="modal". И в компоненте data-test="delete-Flight"

Вы точно на тот тест смотрите и проверяете?

[ch-aqwer]

Александр Петров, вчера было так data-test="modal"
сегодня редактировал переписал на data-test="delete-Flight" , но не всьо

сейчас нашел такое решение

it('should trigger prop openAppModal when modal btn is clicked', () => {
    const props = {
      app: {
        id: '1',
      },
      selectedItem: {
        id: '1',
      },
      openAppModal: jest.fn(),
      onChange: jest.fn(),
      isLoading: false,
    };
    const enzymeWrapper = shallow(<AppItem {...props}>
        <button onClick={props.openAppModal} className="delete-flight">Delete</button>
    <AppItem />
);
    enzymeWrapper.find('.delete-flight').simulate('click');

    expect(props.openAppModal).toHaveBeenCalledTimes(1);
  });

Это нормально так писать?)