Angular e2e測試ng-show

Question

我使用ng-pattern進行驗證，使用ng-show顯示錯誤消息。這在瀏覽器上工作正常，但我如何在e2e中編碼以測試錯誤消息是否顯示？

這裏是我的HTML：

<input type="text" ng-model="test.pname" name="pname" ng-maxlength="30" ng-pattern="/^[a-zA-Z0-9 ]*$/"/> 
<span class="custom-error" id="pnameValidate" ng-show="addProviderForm.pname.$error.pattern"> 
PName can be Alpha-Numeric up to 30 characters – spaces allowed, but no special characters</span> 

這裏是我的E2E腳本：

input('test.pname').enter('cakes`'); 
    expect(element('#pnameValidate:visible').text()).toMatch(/up to 30 characters/); 
    input('test.pname').enter('cakes are good'); 
    expect(element('#pnameValidate:visible').text()).toBe(''); 

下面是測試運行的結果：

expected "" but was "\n   PName can be Alpha-Numeric up to 30 characters – spaces allowed, but no special characters" 

似乎在測試運行無論我在e2e中指定什麼，#pnameValidate總是顯示。

Answer 1

您是否嘗試在測試中添加等待時間以允許UI跟上腳本？

input('test.pname').enter('cakes`'); 
expect(element('#pnameValidate:visible').count()).toBe(1); 
expect(element('#pnameValidate:visible').text()).toMatch(/up to 30 characters/); 
input('test.pname').enter('cakes are good'); 

setTimeout(function() { 
expect(element('#pnameValidate:visible').count()).toBe(0); 
    expect(element('#pnameValidate:visible').text()).toBe(''); 
}, 500); 

Answer 2

你的問題 「進入」

更改爲 「.sendKeys」