Watir - Ekran Görüntüleri Yakalama

Ekran görüntülerini yakalayabilme özelliği, Watir'de bulunan ilginç özelliklerden biridir. Test otomasyonu sırasında ekran görüntüsü alabilir ve ekranları kaydedebilirsiniz. Herhangi bir hata olması durumunda, ekran görüntüsü yardımı ile aynı şekilde belgelenebilir.

Ekran görüntüsünü aldığımız test sayfasıyla birlikte basit bir örnek aşağıda tartışılmaktadır -

Sözdizimi

browser.screenshot.save 'nameofimage.png'

Test sayfası

<html>
   <head>
      <title>Testing UI using Watir</title>
   </head>
   
   <body>
      <script type = "text/javascript">
         function wsentered() {
            console.log("inside wsentered");
            var firstname = document.getElementById("firstname");
            
            if (firstname.value != "") {
               document.getElementById("displayfirstname").innerHTML = 
                  "The name entered is : " + firstname.value;
               
               document.getElementById("displayfirstname").style.display = "";
            }
         }
      </script>
      <div id = "divfirstname">
         Enter First Name :
         <input type = "text" id = "firstname" name = "firstname" onchange = "wsentered()" />
      </div>
      <br/>
      <br/>
      <div style = "display:none;" id = "displayfirstname"></div>
   </body>
</html>

Misal

require 'watir'
b = Watir::Browser.new :chrome
b.goto('http://localhost/uitesting/textbox.html')
t = b.text_field(id: 'firstname') // using the id of the textbox to locate the textbox
t.exists?
t.set 'Riya Kapoor'
b.screenshot.save 'textboxbefore.png'
t.value
t.fire_event('onchange')
b.screenshot.save 'textboxafter.png'

Watir kullanarak çektiğimiz ekran görüntüleri burada gösterilmektedir -

textboxbefore.png

textboxafter.png