title: Testing mouseover event in vue-test-utils
body: <p>I am trying to make unit test for a @mouseover and @mouseleave event who's displaying a v-card-actions depending from the mouseover. I am using vue-test-utils in my vuejs2 webpack application. Here is what i found on the web : <a href="https://vue-test-utils.vuejs.org/en/guides/dom-events.html" rel="noreferrer">vue-utlis mouse click exemple</a> . Thanks in advance to anyone who's helping</p>
  
  <p>Here is my code actual html template code:</p>
  
  <pre><code>  &lt;v-card class="menuCard pa-1 elevation-2 f-basis-0 my-2" 
  @mouseover="isBlockAct = true" @mouseleave="isBlockAct = (!checked? 
  false:true)"&gt;
   &lt;v-checkbox v-model="checked" id="checkbox" class="diCheckbox ma-0" hide- 
  details&gt;&lt;/v-checkbox&gt;
    &lt;v-card-actions class="myUpHere pa-0"&gt;
    &lt;v-layout row :class="{'isAct': isBlockAct, 'isNotAct': !isBlockAct}"&gt;
   &lt;/v-card&gt;
  </code></pre>
  
  <p>Here is what i tried in my spec.js code:</p>
  
  <pre><code>  describe("Over event", () =&gt; {
       it("shows the icons if the card is over or not", () =&gt; {
        const wrapper = mount(MenuRepasRecetteCard, {
          propsData: {}
        });
        wrapper.find(".menuCard").trigger("mouseover");
        expect(wrapper.find(".isAct").text()).contain("remove_red_eye");
      });
  </code></pre>