Минимальный воспроизводимый пример, чтобы проверить, присутствует ли какой-либо класс или какой-либо узел в компоненте? Не снимок тетсинг

Question

Привет, у меня есть компонент tripDetails и связанный с ним тестовый файл

import React from 'react';
import { shallow } from 'enzyme';
import toJSON from 'enzyme-to-json';
import tripDetails from './index';

const defaultProps = [
  {
    tripLinkText: 'Book an airport transfer'
  }
 {
    tripLinkText: 'Book an Hotel transfer'
  }
]

describe('trip card section', () => {
  it('testing', () => {
    const wrapper = shallow(<tripDetails {...defaultProps} />);
    expect(toJSON(wrapper)).toMatchSnapshot();
  });
});

Но мне нужно проверить, присутствует ли какой-либо элемент.Я не хочу тестирование снимков, кроме того, что все, что я могу проверить?если да, то как я напишу то же самое

Также пробовал с этим

import React from 'react';
import { expect } from 'chai';
import { render } from 'enzyme';

import Foo from './Foo';

describe('<Foo />', () => {
  it('renders three `.foo-bar`s', () => {
    const wrapper = render(<Foo />);
    expect(wrapper.find('.foo-bar')).to.have.lengthOf(3);
  });

Но ошибка его выдачи MobX инжектор: Магазин 'context' недоступен!Убедитесь, что он предоставлен каким-либо провайдером

Answer 1

1.Чтобы найти элемент в визуализированном композите, вам нужно использовать оператор find в вашей оболочке.
2. Используйте мелководье для рендеринга вашего компонента.

let wrapper  = shallow(<Component />);
const element = wrapper.find('.yourClass');

Надеюсь, это поможет !!