<分区>
如何使用 Protractor 测试悬停时链接的颜色?
我想模拟鼠标悬停在一个链接上,该链接从白色变为蓝色,然后我希望测试在悬停时期望颜色 = 蓝色。
我目前用来测试的代码。
it('should redirect to the home page', function(){
element(by.css('ul.first_menu > li > a'));
expect('ul.first_menu. > li > a'.getCssValue("color")).toEqual("rgba(11, 51, 60, 1)");
browser.actions().mouseMove('ul.first_menu. > li > a').perform();
browser.wait(waitForCssValue('ul.first_menu. > li > a', "color", "rgba(42, 100, 150, 1)"), 1000);
browser.wait(waitForCssValue('ul.first_menu. > li > a', "text-decoration", "underline"), 1000);
waitForCssValue = function (elementFinder, cssProperty, cssValue) {
return function () {
return elementFinder.getCssValue(cssProperty).then(function(actualValue) {
return actualValue === cssValue;
});
};
};
});