分度器ロケータはformControlName

Question

のために私は、モデルベースのフォームを使用しています。私のスペックで、次のような何かをするのような私が希望：

element(by.formControlName('username')).sendKeys('test@example.com'); 

これは明らかに動作しませんので、フォームコントロールによって探し出す方法があるか、私は私が入れて持っているという事実に辞任しています入力フィールドのクラスまたはID？あなたは、多くの場合、これを実行する必要がある場合、あなたは常に再利用可能なcustom locatorを定義することができ

element(by.css("input[formControlName=username]")).sendKeys('test@example.com'); 

---

注：

by.addLocator('formControlName', function(value, opt_parentElement, opt_rootSelector) { 
    var using = opt_parentElement || document; 

    return using.querySelectorAll('[formControlName="' + value +'"]'); 
}); 

Answer 1

あなたはかなり単純CSSセレクタを書くことができます用法：

element(by.formControlName('username')).sendKeys('test@example.com');