javascript - 即使由其他组件传递，React Enzyme 也会获取所有类

Question

说我有

const BaseComponent = (props) => {
    const classNames = ['base-component', props.className];
    return (
        <div className={classNames.join(' ')}>
            {props.children}
        </div>
    )
};

const SomeComponent = () => {
    return (
        <BaseComponent
            className="foo-bar"
        >
            Hello
        </BaseComponent>
    );
}

这里渲染的 dom 是 <div class="base-component foo-bar">Hello</div>

现在，如果我浅安装SomeComponent并测试类，只有 foo-bar可用:

const dom = shallow(<SomeComponent/>);
console.log(dom.hassClass('base-component')); // comes out as false

我明白只有foo-bar作为类(class)传递给SomeComponent但是我如何在这里也验证所有其他类？

Answer 1

如果您使用 .prop API 会怎么样。

expect(dom.find('div').prop('className'))
  .to.be.equal('base-component foo-bar');