element-plus/packages/directives/__tests__/repeat-click.spec.ts

A Component Library for Vue3.0

import { sleep } from '@element-plus/test-utils'
import { mount } from '@vue/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)
  })
})