javascript - 如何为 Bootstrap-Vue b-modal 创建一个 vue-test-utils 包装器?
问题描述
我b-modal
在组件的模板中有以下内容,我正在尝试编写一个单元测试来检查是否在自定义事件updateDashBoardDataClone
上调用了方法。updateDashBoardDataClone
<b-modal
id="reorder-modal"
title="Reorder Dashboard"
@ok="storeNewOrder"
ok-title="Save"
ok-variant="success"
:ok-disabled="disableSave">
<reorder-modal
:dash-board-data-clone="dashBoardDataClone"
:disable-save="disableSave"
@updateDisableSave="updateDisableSave"
@updateDashBoardDataClone="updateDashBoardDataClone"/>
</b-modal>
ReorderModal 是
<template>
<div>
<draggable-component
v-model="dashBoardDataLocal"
:move="updatePosition"
handle=".handle"
ghost-class="ghost"
@start="drag=true"
@end="drag=false">
<div
v-for="card in dashBoardDataLocal"
:key="card.id"
class="card-list-item border p-2 my-3">
<font-awesome-icon icon="align-justify" class="handle"/>
{{card.db_name}}
</div>
</draggable-component>
</div>
</template>
这是测试:
it('it should call updateDashBoardDataClone method on updateDashBoardDataClone custom event', () => {
const updateDashBoardDataCloneStub = jest.fn()
wrapper.setMethods({ updateDashBoardDataClone: updateDashBoardDataCloneStub })
expect(updateDashBoardDataCloneStub).not.toHaveBeenCalled()
wrapper.find('.col-6 button').trigger('click')
let modal = document.getElementById('reorder-modal')
// console.log(modal)
// let modalWrapper = createWrapper(modal)
// console.log(modalWrapper)
// modalWrapper.vm.$emit('updateDashBoardDataClone')
// expect(updateDashBoardDataCloneStub).toHaveBeenCalled()
// modalWrapper.destroy()
})
document.getElementById
确实找到了模态,但是let modalWrapper = createWrapper(modal)
返回了一个空包装器。
有人知道我如何为模态创建包装器吗?干杯
解决方案
推荐阅读
- cassandra - Cassandra: Cannot remove a node and it gives gossip ERROR
- typescript - TypeScript export an imported object
- javascript - Include external .js file in ReactJs web project
- matlab - how can I write a constraints(x) in matlab 'fminsearch' like 'fmincon'
- html - New Google Site and Apps Script CSS not displaying correctly
- math - how to use awk to pull fields and make them variables to do data calculation
- django - 按钮不工作时出现问题
- python - How to create a Pie Chart of four columns based on row names in another column using a Pandas DataFrame?
- python - PySpark: combining output of two VectorAssemblers
- c# - C# Monogame Minicraft 从 png 中获取像素颜色