关于酶中浅层渲染的困惑？

Question

我想测试的是一些条件渲染组件：

import { Bar, Baz } from '@components';

const Foo = ({ isEditable, ...props }) => (
  isEditable
    ? <Bar {...props} /> // that is a <button ... >
    : <Baz {...props} /> // that is an <input ... >
);

我的问题在于shallow呈现酶。它不应该渲染子组件吗？但是当我shallow(<Foo ... />)时，我得到<button ... />而不是<Bar ... />作为Foo的内容。

这是怎么回事？ （如果是的话，我怎样才能测试一个真正的浅层渲染？我只想测试条件渲染是否有效而不关心孩子是由什么构成的。）