如何测试React-Boilerplate组件中子节点的存在

Question

我正在为组件进行首次反应样板测试，这使我不得不从各种重叠的源中读取文档，并且不确定哪些组件适用。

给出组件：

DWORD* thread = new DWORD;
TCHAR szName[_MAX_FNAME];
HANDLE processhandle = OpenProcess(PROCESS_QUERY_INFORMATION, false, GetWindowThreadProcessId(GetForegroundWindow(), thread));
GetProcessImageFileName(processhandle, szName, _MAX_FNAME);
strrchr(szName, '\\');

我觉得我的考试应该遵循以下原则：

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); }); }); 的漂亮的节点列表，而是得到了一个非常复杂的对象，该对象未能通过测试。

我曾在React-Boilerplate github上讨论过将其作为问题进行讨论，但我怀疑这不是我在抱怨什么而不是问题。