1

Vue.jsのコンポーネントの単体テスト(Vue Test Utils)で、テストしているコンポーネントから子コンポーネントに、想定通りのpropsが渡っているかテストしたいのですが、どのように書けばいいでしょうか。

1 件の回答 1

2

@vue/test-utilsのmount (もしくはshallowMount) メソッドを用いてコンポーネントをマウントした場合、wrapper.find(Child).props("prop")のようにして子コンポーネントに渡されたpropsを取得することができます。

テスト全体は以下のようになるでしょう。

import { mount } from "@vue/test-utils";
import App from "./App.vue";
import Child from "./components/Child.vue";

const wrapper = mount(App);

expect(wrapper.find(Child).props("fuga")).toEqual("hoge");

codesandboxでの例を以下に示します。

https://codesandbox.io/s/get-child-component-props-tieh9

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。