ワイアスクリーンキーボードのログインで自動化

Question

画面上のキーパッドのクリックをワイアで自動化する方法が不思議です。私は、このウェブ上のログインを自動化しようとしているが、私は数字を認識し、それらをクリックする方法がわからない： https://bancaelectronica.evobanco.com/

Answer 1

あなたがキーボードのHTMLを見れば、各キーは、単にリンクです：

<div class="virtual_keyboard active"> 
    <ul> 
    <li><a data-target=".activeInput" class="keypad-btn value-key" href="javascript:void(0);">3</a></li> 
    <li><a data-target=".activeInput" class="keypad-btn value-key" href="javascript:void(0);">7</a></li> 
    <li><a data-target=".activeInput" class="keypad-btn value-key" href="javascript:void(0);">1</a></li> 
    <li><a data-target=".activeInput" class="keypad-btn value-key" href="javascript:void(0);">0</a></li> 
    <li><a data-target=".activeInput" class="keypad-btn value-key" href="javascript:void(0);">4</a></li> 
    <li><a data-target=".activeInput" class="keypad-btn value-key" href="javascript:void(0);">5</a></li> 
    <li><a data-target=".activeInput" class="keypad-btn value-key" href="javascript:void(0);">6</a></li> 
    <li><a data-target=".activeInput" class="keypad-btn value-key" href="javascript:void(0);">2</a></li> 
    <li><a data-target=".activeInput" class="keypad-btn value-key" href="javascript:void(0);">8</a></li> 
    <li class="correction"> 
     <a id="btCorrect" href="javascript:void(0);" data-target=".activeInput" class="keypad-btn delete-key">Corregir</a> 
    </li> 
    <li> 
     <a data-target=".activeInput" class="keypad-btn value-key" href="javascript:void(0);">9</a> 
    </li> 
    </ul> 
    <a href="javascript:void(0);" class="keypad-close">Cerrar</a> 
</div> 

あなたは、単にを行う必要があります。

1. は（それらがランダムにソートされているので）テキストによるキーのリンクをクリックすると、パスワードフィールド
2. をクリックすることで、キーボードを有効に

「123」のパスワードを入力する例：

browser = Watir::Browser.new :chrome 
browser.goto('https://bancaelectronica.evobanco.com/') 

# Activate the keyboard 
browser.text_field(id: 'cFDMTuKLOsuyeXQ').click 

# Wait until the keyboard appears 
virtual_keyboard = browser.div(class: 'virtual_keyboard') 
virtual_keyboard.wait_until_present 

# Enter the password by clicking the number links 
virtual_keyboard.link(text: '1').click 
virtual_keyboard.link(text: '2').click 
virtual_keyboard.link(text: '3').click 

同じアプローチは、他のオンスクリーンキーボードのために採取することができます。しかし、相互作用する正確な要素は、ページのキーボードの実装に依存します。