Question

我刚刚使用WatiN。我的公司使用jQuery show和hide函数来显示错误消息。我想确保这些消息在正确的时间出现。我一直在使用jQuery下载的测试脚本，它使用show和hide。我将id值添加到div标签和其中一个附带的扫描标签。在显示消息时，我无法在代码中检测到。

我在下面都包含了jQuery脚本和我的代码。该脚本有两个按钮，一个用于显示，另一个用于隐藏消息。我的代码点击隐藏按钮并检查可见性和宽度属性，然后点击显示按钮并查看相同的属性。我可以在屏幕上看到文本确实被隐藏然后显示。当我设置断点时，在两种情况下，可见性都设置为“继承”，宽度设置为“自动”。我该怎么做才能区分这两种情况？

jQuery code:
<!DOCTYPE html>
<html>
<head>
      <style>
      span { background:#D8BFD8; padding:3px; float:left; }
      </style>
      <script src="jquery-1.7.1.js" type="text/javascript"></script>
    </head>
<body>
    <button id="hidb">Hide</button>
  <button id="showb">Show</button>
  <div id="dynamicOutput">

    <span id="jquery">jQuery</span> <span>is</span> <span>easy</span> 
    <span>to</span> <span>use</span> <span>and</span> 
    <span>gives</span> <span>dynamic output..</span>

  </div>

<script>
    $("#hidb").click(function () {
              $("span:last-child").hide("fast", function () {
    // use callee so don't have to name the function
        $(this).prev().hide("fast", arguments.callee); 
      });
    });
$("#showb").click(function () {
  $("span").show(2000);
});

</script>
</body>
</html>

Test code:

 [TestMethod]
        [STAThread]
        public void lookAtElements()
        {

              var browser = new IE("http://localhost/test/jqHIdeShowText.html");

               Element el2 = browser.Span(Find.ById("jquery"));  
               Element el = browser.Div(Find.ById("dynamicOutput"));

               string att;
               string att2;
               string width;
               string width2;
               string msg;
               string msg2;


               Button btn = browser.Button(Find.ById("hidb"));
               btn.Click();


               width = el.Style.GetAttributeValue("width");
               width2 = el2.Style.GetAttributeValue("width");

               System.Threading.Thread.Sleep(5000);

               el.Parent.Refresh();
               el.Refresh();
               el2.Refresh();

               width = el.Style.GetAttributeValue("width");
               width2 = el2.Style.GetAttributeValue("width");
               att = el.Style.GetAttributeValue("visibility");
               att2 = el2.Style.GetAttributeValue("visibility");
              msg = el.Text;
               msg2 = el2.Text;


               btn = browser.Button(Find.ById("showb"));
               btn.Click();
               System.Threading.Thread.Sleep(5000);

           el.Parent.Refresh();
           el.Refresh();
           el2.Refresh();

               att = el.Style.GetAttributeValue("visibility");
               att2 = el2.Style.GetAttributeValue("visibility");
               width = el.Style.GetAttributeValue("width");
               width2 = el2.Style.GetAttributeValue("width");
               msg = el.Text;
               msg2 = el2.Text;

              browser.Close();


            }

Answer 1

请尝试测试display属性：

if (el.Style.GetAttributeValue("display") == "none") {
    // The element was hidden through hide().
}

如何将WatiN与jQuery show和hide函数一起使用？

1 个答案: