測試CSS：茉莉懸停

Question

所以我認爲徘徊將改變其背景時，在我的CSS定義的簡單的div：

.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'

運行控制檯上的似乎無法正常工作 - 背景顏色不會改變。

注：將鼠標懸停JQuery的行爲不使用Jasminerice，其中包括Jasmine-JQuery

茉莉花，jQuery有一個方法來測試css來$('#something').trigger('mouseover')

林迴應：

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' } 

如何查看此背景？ 在此先感謝=）

Answer 1

我做了以下內容：

overed = $($('.my-class:first').trigger('mouseover').html()) 
expect(overed).toHaveCss({"background-color": "#F2F2F2"}) 

Answer 2

試試這個： 期待。（$（ '我的類：第一'））toHaveCss（ 「背景色」，」 ＃F2F2F2" ）;