Как проверить, что один элемент идет после другого элемента с ферментом?

Question

ТАК У меня есть div, который мне нужно проверить.и мне нужно проверить, появляется ли ul сразу после div.Возможно ли это в Энзме?Я использую энзим и шутки.

Вот этот вопрос div

    it('nav at bottom when bottom theme is present', () => {
        const wrapper = shallow(
            <div className="tabs tab-icon-dark-bkg-bottom">
                <div className="tab-content transition">
                </div>
                <ul className="scroll nav nav-tabs">
                </ul>
            </div>
        );
        //
        expect(wrapper.????).toBe(true);
    });

Answer 1

.find поддерживает CSS-селекторы, такие как селектор element + element , который

используется для выбора элементов, которыепомещается сразу после (не внутри) первого указанного элемента

Вызовите .find с 'div + ul', чтобы найти все ul элементы, следующие сразу за div:

it('nav at bottom when bottom theme is present', () => {
  const wrapper = shallow(
      <div className="tabs tab-icon-dark-bkg-bottom">
          <div className="tab-content transition">
          </div>
          <ul className="scroll nav nav-tabs">
          </ul>
      </div>
  );
  expect(wrapper.find('div + ul').length).toBe(1);  // SUCCESS
});