javascript - CSS のテスト:Jasmine でホバーする

Question

だから私は単純な div を持っています。ホバーすると、CSS で定義されているように背景が変わります。

.my-class{
    background-color:#FFFFFF;
}
.my-class:hover{
    background-color:#F2F2F2;
}

ジャスミンでこの動作をテストしようとしましたが、テストは失敗し続けます:

it "Shadows .soboo-drop-item when hover", ->
      $('.my-class:first').trigger('mouseover')
      expect($('.my-class:first').css('background-color')).toBe("#F2F2F2")

「rgba(0, 0, 0, 0)」は「#F2F2F2」であると予想されました

コンソールでの実行$('.my-class:first').trigger('mouseover')が機能していないようです - 背景色が変わりません。

注: ホバー JQuery 動作は応答します$('#something').trigger('mouseover')

Jasmine-JQueryを含むJasminericeを使用しています

Jasmine-JQuery には css をテストする方法があります。

expect($('.my-class:first')).toHaveCss({"background-color": "#F2F2F2"})

それは私に与える：

Expected '<div class="soboo-service my-class"
service="google"><img
src="http://localhost:3000/img/bookmark-services/google.gif"> Google
Book...</div>' to have css { background-color : '#F2F2F2' }

この背景を確認するには？よろしくお願いします=）