Question

我的页面上有一个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>

我在document.ready上写了Qunit测试，它与按钮的背景颜色匹配，加载时的预期值就像这样。

    $(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但同样的问题。请建议我解决这个问题。

感谢。

Answer 1

了解如何使用stop()和start()编写异步测试。你需要一个回调来启动这个电话。

Qunit与ajax动画扩展器

1 个答案: