Telerik RadDatePicker 的自动控制

Question

我正在使用 WatIn 为使用 Telerik 控件的 Web 应用程序创建自动化测试：我的第一个挑战是驱动 Telerik 日期控件 - RadDatePicker。

仅仅在最可能的输入字段中输入文本是行不通的：在表单发布时，该值将重置为空白。所以我想我需要一组更复杂的自动化交互 - 例如，我发现 Telerik 站点上的此线程 讨论如何从 Telerik 组合框自动进行选择。

谁能提供我需要的神奇互动组合？

（我确信这个答案会对使用任何自动化测试工具的任何人有所帮助，因此我也用其他几个测试框架标记了这个问题:-)）

Answer 1

我正在使用 Selenium RC，几天前也遇到了类似的问题。我花了很长时间才找到正确的方法，所以我想我会分享对我有用的解决方案：（

注意：我无法使用 $find）

在 RadDatePicker 上设置日期的 javascript 是：

var appBrowser = this.browserbot.getCurrentWindow();
var datepicker = appBrowser.yourDatePickerId; //note: no quotes
var selectDate=new Date();
selectDate.setFullYear(yourYear,yourMonth,yourDay);
datepicker.SetDate(selectDate);
datepicker.DateInput.SetDate(selectDate);

然后使用selenium GetEval 在您的测试中调用 javascript 代码来设置日期：

selenium.GetEval("javascript here");

您绝对应该将其包装在一些参数化的帮助程序类中，每次您想要通过传递 id 来设置测试中的日期时，该类都会为您生成 javascript 代码控制和日期。

Answer 2

我终于有了一个可行的解决方案。关键是使用 javascript 调用 telerik 控件的客户端 API。所有复杂的 Telerik 控件（例如 RadInput）都需要相同的技术。

我使用了 WatiN 网站上推荐的技术来编写自己的控件 http://watinandmore.blogspot.com/2009/12/wrapping-complex-logic-in-control.html 得出这个：

public class TelerikDatePicker : Control<TextField>
{
    public DateTime? Value
    {
        get
        {
            var jScript = string.Format(@"$find(""{0}"").get_selectedDate();", Element.Id);
            var selectedDateStr = Eval(jScript);
            return TranslateJavascriptDateStringIntoDateTime(selectedDateStr);
        }

        set
        {
            var jScript = string.Format(@"$find(""{0}"").set_selectedDate(new Date(""{1:MMMM dd,yyyy}""));", Element.Id, value);
            Eval(jScript);
        }
    }

    public void SetValue(DateTime? value)
    {
        if (value.HasValue)
            Value = value.Value;
        else
            Clear();
    }


    public void Clear()
    {
        var jScript = string.Format(@"$find(""{0}"").clear();", Element.Id);
        Eval(jScript);
    }


    private string Eval(string script)
    {
        return Element.DomContainer.Eval(script);
    }

    public bool IsEnabled()
    {
        var jScript = string.Format(@"$find(""{0}"").get_enabled();", Element.Id);
        return Eval(jScript) == "true";
    }

    private DateTime? TranslateJavascriptDateStringIntoDateTime(string jsDateStr /*E.g. Mon Mar 12 00:00:00 UTC+0100 2012*/)
    {
        if (String.IsNullOrEmpty(jsDateStr) || jsDateStr == "null") return null;

        var abbreviatedMonth = jsDateStr.Substring(4, 3);
        var dayOfTheMonth = jsDateStr.Substring(8, 2).TrimEnd(' ');
        var year = jsDateStr.Substring(jsDateStr.Length-4, 4);

        const string format = "d MMM yyyy";
        var dateStr = dayOfTheMonth + " " + abbreviatedMonth + " " + year;

        return DateTime.ParseExact(dateStr, format, CultureInfo.InvariantCulture);
    }
}

Answer 3

我对 RadDatePicker 也有同样的问题，在输入值后会发回空。

我设法通过以下步骤在输入字段中自动输入日期：

1. 选择与控件关联的 dateInput 文本框。
2. 对其执行 dateInput.MouseClick() 在
3. 字段中输入日期 Manager.Desktop.KeyBoard.TypeText("1/1/1990")
4. 执行 .MouseClick() 在页面上的任何其他元素上，例如某些 div，

我发现需要 #4 来触发事件以使控件模糊，从而“保存”其值。

然后您可以提交，并且该值应该随之而来。

Answer 4

解决了 SeleniumIDE 的问题 - 在使用“sendKeys”或“type”方法设置值后，必须使用“fireEvent”方法，“ControlID”的值为“blur”。奇怪的是，使用 WebDriver 进行自动化时不会出现此问题。