Watir - การรออัตโนมัติ
ในบทนี้ให้เราเข้าใจการรอคอยโดยละเอียด เพื่อทำความเข้าใจการรออัตโนมัติเราได้สร้างหน้าทดสอบง่ายๆ เมื่อผู้ใช้ป้อนข้อความใน textbox onchange เหตุการณ์จะเริ่มทำงานและหลังจาก 3 วินาทีปุ่มจะถูกเปิดใช้งาน
Watir มีการเรียกwait_unit api ซึ่งรอเหตุการณ์หรือคุณสมบัติเฉพาะ เราจะทดสอบแบบเดียวกันสำหรับหน้าทดสอบตามที่ระบุด้านล่าง -
ไวยากรณ์
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;">l;
Button is clicked
</div>
</body>
</html>
เอาต์พุต
เมื่อคุณป้อนข้อความในกล่องข้อความคุณจะต้องรอ 3 วินาทีเพื่อให้ปุ่มเปิดใช้งาน
เมื่อคุณคลิกปุ่มส่งข้อความต่อไปนี้จะปรากฏขึ้น -
เนื่องจากเราได้เพิ่มการหน่วงเวลาสำหรับการเปิดใช้งานปุ่มจึงเป็นเรื่องยากที่ระบบอัตโนมัติจะจัดการกับกรณีดังกล่าว เมื่อใดก็ตามที่เรามีความล่าช้าหรือต้องรอเหตุการณ์หรือคุณสมบัติบางอย่างขององค์ประกอบที่จะอยู่เราสามารถใช้ wait_until ดังที่แสดงด้านล่าง -
รหัส Watir โดยใช้ 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'
จากนั้นใช้คำสั่งต่อไปนี้
btn = b.button(id: 'btnsubmit').wait_until(&:enabled?)
Watir กำลังจะรอให้ปุ่มเปิดใช้งานแล้วไปที่เหตุการณ์คลิกเพื่อเริ่มทำงานในภายหลัง ภาพหน้าจอที่จับได้แสดงไว้ด้านล่าง -