2017-03-20 43 views
1

我使用watinspecflow来自动化我的angular应用程序的浏览器测试。我遇到了一个TextField.TypeText("some string")函数,它没有更新角度模型值。角度模型没有被watin更新

的示例代码如下:

public void updateTextField(string value) 
    { 
     GetTextField.TypeText(value); 

     UpdateButton.Click(); 
    } 

    public TextField GetTextField 
    { 
     get { return TextField(Find.ById(_textFieldId)); } 
    } 

    public Button UpdateButton 
    { 
     get { return Button(Find.ById(_updateButtonId)); } 
    } 

我可以看到正在键入的文本浏览器,不过角度模型没有得到更新,并在文本字段中键入的值将被忽略。

我已经尝试添加

GetTextField.Change(); 
GetTextField.TriggerEvent("onchange"); 

要尝试并强制被标记改变输入字段。我也有类似的问题与选择下拉列表。但单选按钮似乎工作正常。

任何帮助将不胜感激。谢谢。

回答

1

我发现TextField::TypeText()函数不会触发元素上的change事件,因此角度模态不会更新。我写了一个可以完成这个工作的TextField方法的扩展。

/// <summary> 
    /// Type text and trigger change in the input field 
    /// </summary> 
    /// <param name="textField"></param> 
    /// <param name="text"></param> 
    public static void SendKeys(this TextField textField, string text) 
    { 
     textField.TypeText(text); 
     TriggerChange(textField); 
    } 

    /// <summary> 
    /// Trigger change on the input element 
    /// </summary> 
    /// <param name="element">Element to trigger change on</param> 
    private static void TriggerChange(Element element) 
    { 
     string script = String.Format(
      "$('[name={1}]').change()", 
      element.Name 
     ); 

     element.DomContainer.RunScript(script); 
    } 

,我如下使用它:

public void updateTextField(string value) 
{ 
    GetTextField.SendKeys(value); 

    UpdateButton.Click(); 
}