Как проверить наличие дочерних узлов в компоненте React-Boilerplate - PullRequest
Новая
       10

Как проверить наличие дочерних узлов в компоненте React-Boilerplate

0 голосов
/ 24 июня 2018

Я работаю над моими первыми испытаниями реактивного образца для компонента, и я читаю документы из различных перекрывающихся источников и не знаю, какие части применимы.

Учитывая компонент: 

import React from 'react';
import styled from 'styled-components';

const MegaLogoBase = styled.div`
  //Styling
`;

const C = styled.span`
  //Styling
`;

const T = C.extend`
  //Extended Styles
`;

function MegaLogo() {
  return (
    <MegaLogoBase>
      <C>C</C>
      <T>T</T>
    </MegaLogoBase>
  );
}

export default MegaLogo;

Я чувствую, что мой тест должен выглядеть примерно так: 

import React from 'react';
import {shallow,} from 'enzyme';

import MegaLogo from '../index';

describe('<MegaLogo />', () => {
  it('Renders a Div', () => {
    const RenderedComponent = shallow(<MegaLogo />);
    expect(RenderedComponent.find('div')).toHaveLength(1);
  });
});

Но вместо того, чтобы получить хороший список узлов, содержащий <div>, вместо этого я получаю очень сложный объект, который не проходит тест.

Я обсуждал вопрос об открытии этого вопроса как о проблеме на github React-Boilerplate, но я подозреваю, что это не я что-то ухмыляюсь, а не проблема.

...