在karma能不能测试hover触发的样式

import chai, { expect } from 'chai'

import { mount } from '@vue/test-utils'



import TestHover from '../../src/packages/test-hover'



const triggerMouseEnterEvent = function(elm) {

  const name = 'mouseenter'

  const evt = document.createEvent('MouseEvents');



  evt.initEvent('mouseenter');

  elm.dispatchEvent

    ? elm.dispatchEvent(evt)

    : elm.fireEvent('onmouseenter', evt);



  return elm;

};





describe('TestHover', () => {

  it('可拿到hover之后的样式', () => {

    const wrapper = mount(TestHover, {

      attachToDocument: true,

      propsData: {}

    })

    console.log(getComputedStyle(tt.element).color) // rgb(255, 0, 0)

    const test3 = document.getElementById('test3')

    const res = triggerMouseEnterEvent(test3, 'mouseenter')

    console.log(getComputedStyle(res).color) // 期望拿到rgb(0, 0, 255)

  })

})