カクカクしかじか

技術的なアレコレ

Vue Test Utilsで$emitとtriggerの使い分け方について

結論

@click のようなブラウザのネイティブイベントは trigger を使い、カスタムイベントは、 $emit を使う。

const fugaWrapper = wrapper.findComponent(FugaComponent);
fugaWrapper.vm.$emit("fuga", "Fuga");
expect(fugaWrapper.props('value')).toBe('Fuga');
const fugaWrapper = wrapper.findComponent(FugaComponent);
fugaWrapper.trigger("click");
expect(fugaWrapper.props('checked')).toBeTruthy();