element-plus/packages/directives/__tests__/repeat-click.spec.ts
三咲智子 0636e1e240
style: add import and stricter lint (#3440)
* style: add import lint

* chore: apply eslint rules

* chore: add stricter lint

* chore: lint all files

* auto fix

* manually fix

* restore build-indices.ts
2021-09-17 15:27:31 +08:00

37 lines
806 B
TypeScript

import { mount } from '@vue/test-utils'
import { sleep } from '@element-plus/test-utils'
import RepeatClick from '../repeat-click'
const handler = jest.fn()
const _mount = () =>
mount({
template: `
<div id="block" v-repeat-click="onClick">TEST</div>
`,
directives: {
repeatClick: RepeatClick,
},
methods: {
onClick() {
handler()
},
},
})
beforeEach(() => {
handler.mockClear()
})
describe('Directives.vue', () => {
test('Click test', async () => {
const wrapper = _mount()
const block = wrapper.find('#block')
block.trigger('mousedown')
const testTime = 330
await sleep(testTime)
block.trigger('mouseup')
const expectResult = Math.floor(testTime / 100)
expect(handler).toHaveBeenCalledTimes(expectResult)
})
})