1

vue-test-utils と Vue 2 を使用して、これらの選択ボックスを「クリック」できないようです。mocha + webpack を使用しています。

visible-changeクリック時にイベントがトリガーされないことを確認して、これを判断しています。私のspecファイルは次のようになります。

...
const wrapper = mount(EntityItem, { propsData });
const selectBox = wrapper.find("el-select");

// I tried these:
selectBox.trigger("click");
selectBox.trigger("click.native");

これが機能しない場合の最後の手段として、model属性を手動で変更してコンポーネントの変更をシミュレートする必要があります。

- - アップデート - -

クリック イベントのコールバックを設定すると何かが表示されますが、この選択入力コンポーネントで何も「選択」できません。

4

2 に答える 2

0

上記の空白の回答は役に立ちましたが、確実に使用するためにも必要でした

await Vue.nextTick()

あなたの期待文の前に。そのようです：

wrapper.findAll('.el-select-dropdown__item').at(1).trigger('click');
await Vue.nextTick();
expect(enterResultBtn.is('[disabled]')).toBe(true);

これにより、DOM はそのサイクルを更新できます。詳細はこちら

于 2020-11-12T15:12:35.180 に答える