2017-05-22 133 views
0

我想測試查看密碼按鈕的功能,並測試我已經插入的密碼。我想這將是簡單的部分,難的部分是實際點擊按鈕來查看密碼。我使用rspec來運行測試,而水豚與Mozilla Firefox進行交互。這是密碼字段的代碼,以及位於密碼字段中的查看按鈕。測試密碼的輸入

<span class="input-password-toggle-label" data-toggle="true" data-label-show="anzeigen" data-label-hide="verbergen" data-icon-show="<i class=&quot;icon icon-lg d-inline-block&quot;><svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 24 24&quot; class=&quot;d-inline-block&quot; height=&quot;100%&quot; preserveAspectRatio=&quot;xMaxYMax meet&quot; width=&quot;100%&quot;> 
     <path d=&quot;M 12 5 C 6 5 1.3875 11.10625 1.1875 11.40625 C 0.8875 11.80625 0.8875 12.19375 1.1875 12.59375 C 1.3875 12.89375 6 19 12 19 C 18 19 22.6125 12.89375 22.8125 12.59375 C 23.1125 12.19375 23.1125 11.80625 22.8125 11.40625 C 22.6125 11.10625 18 5 12 5 z M 12 7 C 14.8 7 17 9.2 17 12 C 17 14.8 14.8 17 12 17 C 9.2 17 7 14.8 7 12 C 7 9.2 9.2 7 12 7 z M 12 9.5 C 10.619288 9.5 9.5 10.619288 9.5 12 C 9.5 13.380712 10.619288 14.5 12 14.5 C 13.380712 14.5 14.5 13.380712 14.5 12 C 14.5 10.619288 13.380712 9.5 12 9.5 z&quot;></path> 
    </svg></i>" data-icon-hide="<i class=&quot;icon icon-lg d-inline-block&quot;><svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 24 24&quot; class=&quot;d-inline-block&quot; height=&quot;100%&quot; preserveAspectRatio=&quot;xMaxYMax meet&quot; width=&quot;100%&quot;> 
     <path d=&quot;M22.8,11.4C22.6,11.1,18,5,12,5S1.4,11.1,1.2,11.4c-0.3,0.4-0.3,0.8,0,1.2C1.4,12.9,6,19,12,19s10.6-6.1,10.8-6.4 C23.1,12.2,23.1,11.8,22.8,11.4z M12,17c-2.8,0-5-2.2-5-5c0-2.8,2.2-5,5-5s5,2.2,5,5C17,14.8,14.8,17,12,17z&quot;></path> 
    </svg></i>" style="display: inline;" title="verbergen"><i class="icon icon-lg d-inline-block"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="d-inline-block" height="100%" preserveAspectRatio="xMaxYMax meet" width="100%"> 
     <path d="M22.8,11.4C22.6,11.1,18,5,12,5S1.4,11.1,1.2,11.4c-0.3,0.4-0.3,0.8,0,1.2C1.4,12.9,6,19,12,19s10.6-6.1,10.8-6.4 C23.1,12.2,23.1,11.8,22.8,11.4z M12,17c-2.8,0-5-2.2-5-5c0-2.8,2.2-5,5-5s5,2.2,5,5C17,14.8,14.8,17,12,17z"></path> 
    </svg></i> 
</span> 

如果有人有任何想法,我將不勝感激。

+0

什麼是你的問題? – reporter

+0

我不知道如何點擊確定該視圖,thingy,按鈕或其他東西,實際上能夠看到字母而不是*** – adizdar

回答

0

因爲你的HTML中有元素存儲在屬性中,所以很難準確讀出哪些是元素而不是字符串,以及你想要點擊哪些元素。發佈問題時更好地格式化您的HTML將有助於未來。爲此,我認爲你試圖點擊當前追加的< i>元素(我假定它在狀態改變時被交換)。你可以用基本的CSS選擇器來做到這一點

find('span.input-password-toggle-label i').click 
+0

這實際上工作,謝謝,我會盡力改善我的HTML格式,同時發佈一個問題 – adizdar