测试传递给子组件的道具

Question

所以我需要帮助来编写测试以正确传递给子组件的道具。

beforeEach(() => {
wrapped = shallow(
    <CommentDetail
        author="Sam"
        timeAgo="Today at 4:45 pm"
        content="nice blog post"

    avatar="https://s3.amazonaws.com/uifaces/faces/twitter/m_kalibry/128.jpg"
    />
);
});

it("renders author's name", () => {
expect(wrapped.find(".author").prop("author")).toEqual("Sam");
});

// snippet from the react file
<a href="/" className="author">
    {author}
</a>

这似乎与我在文档中找到的非常相似，但在测试输出中收到的值中出现了未定义的值。

可以编写另一个测试，但我不确定它是否正确测试了道具：

it("renders author's name", () => {
    expect(wrapped.render().find(".author").text()).toContain("Sam");
});

Answer 1

不是 100%，但请尝试删除您的 find 方法。 prop 应该显示在组件本身上，而不是任何拥有 .author 类的元素，除非 Author 本身是一个 React 组件，在这种情况下你会想要 find('Author')：

expect(wrapped.prop("author")).toEqual("Sam");