На моей странице есть расширитель анимации ajax, который меняет цвет кнопки при различных событиях, например:
Код кнопки и расширителя:
asp:Button ID="target" runat="server" Text="Animate Me" OnClientClick="return false;">
/asp:Button>
aspext:AnimationExtender ID="extender" runat="server" TargetControlID="target">
Animations>
OnLoad><StyleAction Attribute="backgroundColor" Value="red" /></OnLoad>
OnClick><StyleAction Attribute="backgroundColor" Value="blue" /></OnClick>
OnMouseOver><StyleAction Attribute="backgroundColor" Value="blue" />/OnMouseOver>
<OnMouseOut><StyleAction Attribute="backgroundColor" Value="green" /></OnMouseOut>
OnHoverOver><StyleAction Attribute="color" Value="blue" /></OnHoverOver>
OnHoverOut><StyleAction Attribute="color" Value="yellow" /></OnHoverOut>
/Animations>
/aspext:AnimationExtender>
У меня есть тест Qunit, написанный на документе.ready, который соответствует цвету фона кнопки с ожидаемым значением при загрузке следующим образом.
$(document).ready(function () {
module('Animation OnLoad tests');
test(' Animation OnLoad ', function () {
panel = $('#target');
var actual = panel.css("background-color");
equals(actual, "red", 'Event failed to fire');
});
});
, но проблема в том, что тестовый прогон до того, как расширитель меняет цвет кнопки, я также попытался загрузить страницу вместо document.ready, нота же проблема.Пожалуйста, предложите мне решение этой проблемы.
Спасибо.