vue-multiselectの書き込みユニットテスト

Question

私はvue-multiselectのテストを書く上で問題を抱えています。具体的に

、しかし私は、何も

I'vedが

vm.$el.querySelector('.multiselect').click() 

とで試行作業していない、（その後、オプションを選択する前に）ドロップダウンを開くには、入力を「クリック」しようとしていますブラウザ：

document.querySelector('.multiselect').click() 

など何も問題ありません。

単体テストでドキュメントを使用しないようにテストカバレッジを強調するライブラリ（私はどのように見つけることができるでしょうか）にはおかしいです。

Answer 1

最後に、このキーは.dispatchEvent(new window.Event('focus'))ではなく、.focus()でした。最終試験の

関連ビット：

expect(vm.$el.querySelectorAll('input')).to.have.lengthOf(1) 

vm.$el.querySelector('.multiselect').dispatchEvent(new window.Event('focus')) 
await tick() 
const s = vm.$el.querySelectorAll('.multiselect__element')[2].querySelector('span') 
expect(s.innerText).to.equal('Science') 
s.dispatchEvent(new window.Event('mousedown')) 
await tick() 
expect(routes_visited).to.deep.equal(['/s/3-science']) 

vm.$el.querySelector('.cross').click() 
await tick() 
expect(routes_visited).to.deep.equal(['/s/3-science', '/']) 

（私の成分を注意vue-router経路を変更するので、私はwatchはルートをINGの、変更を追跡するための試験にroutes_visitedに押し込むよ。）