Watir - Automatyczne oczekiwanie

W tym rozdziale wyjaśnijmy szczegółowo, że czeka. Aby zrozumieć automatyczne oczekiwanie, stworzyliśmy prostą stronę testową. Gdy użytkownik wpisze tekst w polu tekstowym, zdarzenie onchange jest uruchamiane i po 3 sekundach przycisk jest aktywny.

Watir ma wywołanie interfejsu API wait_unit, które oczekuje na określone zdarzenie lub właściwość. Przetestujemy to samo dla strony testowej, jak podano poniżej -

Składnia

browser.button(id: 'btnsubmit').wait_until(&:enabled?)
//here the wait is on the button with id : btnsubmit to be enabled.

testwait.html

<html>
   <head>
      <title>Testing UI using Watir</title>
   </head>
   
   <body>
      <script type = "text/javascript">
         function wsentered() {
            setTimeout(function() {
            document.getElementById("btnsubmit").disabled = false; }, 3000);
         }
         function wsformsubmitted() {
            document.getElementById("showmessage").style.display = "";
         }
      </script>
      
      <div id = "divfirstname">
         Enter First Name : 
         <input type = "text" id = "firstname" name = "firstname" onchange = "wsentered()" />
      </div>
      <br/>
      <br/>
      <button id = "btnsubmit" disabled onclick = "wsformsubmitted();">Submit</button>
      <br/<
      <br/<
      
      <div id = "showmessage" style = "display:none;color:green;font-size:25px;"&gtl;
         Button is clicked
      </div>
   </body>
</html>

Wynik

Po wpisaniu tekstu w polu tekstowym będziesz musiał poczekać 3 sekundy na aktywację przycisku.

Po kliknięciu przycisku Prześlij zostanie wyświetlony następujący tekst -

Ponieważ dodaliśmy opóźnienie aktywacji przycisku, automatyzacja ma trudności z obsługą takich przypadków. Ilekroć mamy jakieś opóźnienie lub musimy czekać na jakieś zdarzenie lub właściwość elementu do zlokalizowania, możemy skorzystać z wait_until, jak pokazano poniżej -

Kod Watir za pomocą wait_until

require 'watir'
b = Watir::Browser.new :chrome
b.goto('http://localhost/uitesting/testwait.html')
t = b.text_field(name: 'firstname')
t.exists?
t.set 'Riya Kapoor'
b.screenshot.save 'waittestbefore.png'
t.value
t.fire_event('onchange')
btn = b.button(id: 'btnsubmit').wait_until(&:enabled?)
btn.fire_event('onclick');
b.screenshot.save 'waittestafter.png'

Następnie użyj następującego polecenia

btn = b.button(id: 'btnsubmit').wait_until(&:enabled?)

Watir będzie czekał, aż przycisk zostanie włączony, a później uruchomi zdarzenie kliknięcia. Przechwycone zrzuty ekranu są pokazane poniżej -

Waittestbefore.png

waittestafter.png