如何測試「只讀」輸入字段

Question

我正在使用量角器來測試角度應用程序，我的一個測試應該檢查特定字段是否具有隻讀屬性。

<input r365-read-only-executive="" class="k-textbox has-full-width ng-pristine ng-valid ng-touched" type="text" r365-select-on-focus="" id="Prefix" name="prefix" ng-model="prefix" ng-readonly="checked.value == false" readonly="readonly"> 

有沒有什麼辦法可以檢查？

Answer 1

使用getAttribute()函數。

var el = element(by.id('Prefix')); 
// or element(by.model('prefix')); 
expect(el.getAttribute('readonly')).toEqual('readonly'); 

Answer 2

而不是檢查readonly屬性的，你應該檢查用戶無法鍵入一些文字：

var input = $('[name=prefix]'); 
input.sendKeys("abcd"); 
expect(input.getAttribute('value')).not.toContain("abcd");