รู้วิธีทำการทดสอบข้ามเบราว์เซอร์โดยใช้ซีลีเนียม

ด้วยความต้องการที่เพิ่มขึ้นสำหรับการทดสอบระบบอัตโนมัติ เป็นเครื่องมือหนึ่งที่เหมาะอย่างยิ่งสำหรับการทดสอบข้ามเบราว์เซอร์ของเว็บไซต์ จำเป็นอย่างมากในการตรวจสอบความเข้ากันได้และประสิทธิภาพของเว็บไซต์บนเบราว์เซอร์และระบบปฏิบัติการต่างๆ ดังนั้นบทความเกี่ยวกับการทดสอบข้ามเบราว์เซอร์โดยใช้ซีลีเนียมจะช่วยให้คุณเข้าใจแนวคิดเหล่านี้ในเชิงลึก

ด้านล่างนี้เป็นหัวข้อที่กล่าวถึงในบทความนี้:

• การทดสอบข้ามเบราว์เซอร์คืออะไร
• ทำไมคุณต้องทดสอบข้ามเบราว์เซอร์
• จะทำการทดสอบข้ามเบราว์เซอร์ได้อย่างไร?
• การสาธิตโดยใช้ซีลีเนียม

การทดสอบข้ามเบราว์เซอร์คืออะไร

การทดสอบข้ามเบราว์เซอร์ไม่ใช่อะไรนอกจากการทดสอบแอปพลิเคชันในหลายเบราว์เซอร์เช่น IE, Chrome, Firefox เพื่อให้เราสามารถทดสอบแอปพลิเคชันของเราได้อย่างมีประสิทธิภาพ ความเข้ากันได้ข้ามเบราว์เซอร์คือความสามารถของเว็บไซต์หรือเว็บแอปพลิเคชันในการทำงานบนเบราว์เซอร์และระบบปฏิบัติการต่างๆ

ตัวอย่างเช่น - สมมติว่าคุณมี 20 กรณีทดสอบที่จะดำเนินการด้วยตนเอง คุณสามารถทำงานนี้ให้เสร็จภายในวันหรือสองวัน แต่หากต้องดำเนินการกรณีทดสอบเดียวกันในห้าเบราว์เซอร์คุณอาจต้องใช้เวลาหนึ่งสัปดาห์ในการดำเนินการให้เสร็จสิ้น อย่างไรก็ตามหากคุณดำเนินการทดสอบทั้ง 20 กรณีโดยอัตโนมัติและเรียกใช้กรณีทดสอบเหล่านี้จะใช้เวลาไม่เกินหนึ่งชั่วโมงหรือสองชั่วโมงขึ้นอยู่กับความซับซ้อนของกรณีทดสอบ นั่นคือจุดที่การทดสอบข้ามเบราว์เซอร์เข้ามาในภาพ

ตอนนี้เรามาดูกันดีกว่าว่าเหตุใดคุณจึงต้องมีการทดสอบข้ามเบราว์เซอร์ในซีลีเนียม

เหตุใดคุณจึงต้องมีการทดสอบข้ามเบราว์เซอร์

ทุกเว็บไซต์ประกอบด้วยเทคโนโลยีหลักสามประการ ได้แก่ HTML5, CSS3 และ . อย่างไรก็ตามมีเทคโนโลยีจำนวน n ในแบ็กเอนด์เช่น , ทับทิม ฯลฯ สามารถใช้ได้ แต่ในส่วนหน้าและในการเรนเดอร์จะใช้เทคโนโลยีทั้งสามนี้เท่านั้น

นอกจากนี้เบราว์เซอร์แต่ละตัวยังใช้เอนจิ้นการแสดงผลที่แตกต่างกันโดยสิ้นเชิงในการคำนวณเทคโนโลยีทั้งสามนี้ ตัวอย่างเช่น Chrome ใช้ Blink Firefox ใช้ Gecko และ IE ใช้ edge HTML และ Chakra เนื่องจากเว็บไซต์เดียวกันจะแสดงผลแตกต่างกันอย่างสิ้นเชิงโดยเบราว์เซอร์ที่แตกต่างกันเหล่านี้ และนั่นคือเหตุผลที่คุณต้องทดสอบข้ามเบราว์เซอร์ นั่นหมายความว่าเว็บไซต์ควรทำงานได้ดีในทุกเวอร์ชันของเบราว์เซอร์ที่แตกต่างกันและในระบบปฏิบัติการที่แตกต่างกัน ดังนั้นเพื่อให้แน่ใจว่าทำงานได้ดีจำเป็นต้องมีการทดสอบข้ามเบราว์เซอร์

นอกจากนั้นฉันได้ระบุเหตุผลบางประการที่แสดงถึงความจำเป็นในการทดสอบข้ามเบราว์เซอร์

• ความเข้ากันได้ของเบราว์เซอร์กับระบบปฏิบัติการอื่น
• การวางแนวภาพ
• เบราว์เซอร์แต่ละตัวมีการวางแนว Javascript ที่แตกต่างกันซึ่งอาจทำให้เกิดปัญหาได้ในบางครั้ง
• ขนาดตัวอักษรไม่ตรงกันหรือแสดงผลไม่ถูกต้อง
• เข้ากันได้กับเว็บเฟรมเวิร์กใหม่

ตอนนี้เรามาดูวิธีการทดสอบข้ามเบราว์เซอร์กันดีกว่า

จะทำการทดสอบข้ามเบราว์เซอร์ได้อย่างไร

การทดสอบข้ามเบราว์เซอร์โดยทั่วไปจะเรียกใช้กรณีทดสอบชุดเดียวกันหลายครั้งในเบราว์เซอร์ที่แตกต่างกัน งานซ้ำประเภทนี้เหมาะที่สุดสำหรับ . ดังนั้นจึงมีค่าใช้จ่ายและเวลามากกว่าในการทดสอบโดยใช้เครื่องมือ ตอนนี้เรามาดูกันว่ามันทำงานอย่างไรโดยใช้โปรแกรมควบคุมเว็บซีลีเนียม

ขั้นตอนที่ 1 : หากเราใช้ Selenium WebDriver เราสามารถทำกรณีทดสอบโดยอัตโนมัติโดยใช้เบราว์เซอร์ Internet Explorer, FireFox, Chrome, Safari

ขั้นตอนที่ 2: ในการดำเนินการกรณีทดสอบกับเบราว์เซอร์ที่แตกต่างกันในเครื่องเดียวกันในเวลาเดียวกันเราสามารถรวมเข้าด้วยกันได้ กรอบงาน TestNG พร้อม Selenium WebDriver

ขั้นที่ 3: สุดท้ายคุณสามารถเขียนกรณีทดสอบและรันโค้ดได้

ตอนนี้เรามาดูวิธีการทดสอบข้ามเบราว์เซอร์ของเว็บไซต์ Edureka บนเบราว์เซอร์สามแบบ

สาธิตโดยใช้ Selenium WebDriver

package co.edureka.pages import java.util.concurrent.TimeUnit import org.openqa.selenium By import org.openqa.selenium.WebDriver import org.openqa.selenium.WebElement import org.openqa.selenium.chrome.ChromeDriver import org .openqa.selenium.edge.EdgeDriver import org.openqa.selenium.firefox.FirefoxDriver import org.testng.annotations BeforeTest import org.testng.annotations.Parameters import org.testng.annotations ทดสอบคลาสสาธารณะ CrossBrowserScript {ไดรเวอร์ WebDriver / * * * ฟังก์ชันนี้จะทำงานก่อนแท็กทดสอบแต่ละแท็กใน testng.xml * @param browser * @throws Exception * / @BeforeTest @Parameters ('browser') public void setup (String browser) จะแสดง Exception {// ตรวจสอบว่าพารามิเตอร์ผ่านจาก TestNG คือ 'firefox' if (browser.equalsIgnoreCase ('firefox')) {// สร้างอินสแตนซ์ firefox System.setProperty ('webdriver.gecko.driver', 'C: geckodriver-v0.23.0-win64geckodriver.exe') ไดรเวอร์ = FirefoxDriver ใหม่ ()} // ตรวจสอบว่าพารามิเตอร์ส่งผ่านเป็น 'chrome' else if (browser.equalsIgnoreCase ('chrome')) {// se เส้นทาง t ไปยัง chromedriver.exe System.setProperty ('webdriver.chrome.driver', 'C: Selenium-java-edurekaNew folderchromedriver.exe') driver = new ChromeDriver ()} else if (browser.equalsIgnoreCase ('Edge')) {// กำหนดพา ธ ไปที่ Edge.exe System.setProperty ('webdriver.edge.driver', 'C: Selenium-java-edurekaMicrosoftWebDriver.exe') span style = 'font-family: verdana, geneva, sans-serif font- size: 14px '& ampgt // สร้างอินสแตนซ์ Edge & amplt / span & ampgt driver = EdgeDriver ใหม่ ()} else {// หากไม่มีเบราว์เซอร์ที่ผ่านข้อยกเว้นการโยนทิ้งข้อยกเว้นใหม่ (' เบราว์เซอร์ไม่ถูกต้อง ')} driver.manage (). timeouts () .implicitlyWait (10, TimeUnit.SECONDS)} @Test โมฆะสาธารณะ testParameterWithXML () พ่น InterruptedException {driver.get ('https://www.edureka.co/') WebElement Login = driver.findElement (By.linkText ('Log ใน ')) // กดปุ่มล็อกอินเข้าสู่ระบบคลิก () Thread.sleep (4000) WebElement userName = driver.findElement (By.id (' si_popup_email ')) // กรอกชื่อผู้ใช้ userName.sendKeys (' รหัสอีเมลของคุณ ' ) Thread.sleep (4000) // ค้นหา password'WebElement password = driver.findElement (By.id ('si_popup_passwd')) // กรอกรหัสผ่าน password.sendKeys ('รหัสผ่านของคุณ') Thread.sleep (6000) WebElement Next = driver.findElement (By.xpath ('// button [ @ class = 'clik_btn_log btn-block'] ')) // กดปุ่มค้นหา Next.click () Thread.sleep (4000) WebElement search = driver.findElement (By.cssSelector (' # search-inp ')) // กรอกช่องค้นหา search.sendKeys ('Selenium') Thread.sleep (4000) // กดปุ่มค้นหา WebElement searchbtn = driver.findElement (By.xpath ('// span [@ class =' ​​typeahead__button ']')) searchbtn คลิก ()}}

ในโค้ดด้านบนฉันกำลังดำเนินการกับ Edureka เว็บไซต์เช่นการเข้าสู่เว็บไซต์และค้นหาหลักสูตร Selenium แต่ฉันต้องการตรวจสอบความเข้ากันได้ของข้ามเบราว์เซอร์บนเบราว์เซอร์ที่แตกต่างกันสามเบราว์เซอร์เช่น Google Chrome, Mozilla Firefox และ Microsoft Edge นั่นคือเหตุผลที่ฉันตั้งค่าคุณสมบัติระบบของทั้ง 3 เบราว์เซอร์ในโค้ดของฉัน หลังจากนั้นโดยใช้ตัวระบุตำแหน่งฉันกำลังดำเนินการกับเว็บไซต์ นี่คือทั้งหมดที่เกี่ยวกับไฟล์คลาสของฉัน ในการดำเนินการโปรแกรมคุณต้องมีไฟล์ TestNG XML ซึ่งมีการอ้างอิงของไฟล์คลาสด้านบน ด้านล่างรหัสแสดงไฟล์ TestNG

ในไฟล์ XML ด้านบนฉันกำลังระบุคลาสต่างๆสำหรับไดรฟ์เพื่อที่จะช่วยเราในการสร้างอินสแตนซ์เบราว์เซอร์เพื่อดำเนินการกรณีทดสอบบนเว็บไซต์ นั่นคือวิธีการทำงาน

ด้วยเหตุนี้เราจึงมาถึงตอนท้ายของบทความเกี่ยวกับการทดสอบข้ามเบราว์เซอร์โดยใช้ . ฉันหวังว่าคุณจะเข้าใจแนวคิดและเพิ่มคุณค่าให้กับความรู้ของคุณ

การแปลงประเภท c ++

หากคุณต้องการเรียนรู้ซีลีเนียมและสร้างอาชีพในโดเมนการทดสอบลองดูแบบโต้ตอบสดออนไลน์ของเรา ที่นี่มาพร้อมกับการสนับสนุน 24 * 7 เพื่อแนะนำคุณตลอดระยะเวลาการเรียนรู้ของคุณ

มีคำถามสำหรับเรา? โปรดระบุไว้ในส่วนความคิดเห็นของการทดสอบข้ามเบราว์เซอร์โดยใช้บทความ Selenium แล้วเราจะติดต่อกลับไป