ซีลีเนียม - การตั้งค่าสภาพแวดล้อม
ในการพัฒนาสคริปต์ Selenium RC หรือ WebDriver ผู้ใช้ต้องแน่ใจว่ามีการกำหนดค่าเริ่มต้นเสร็จสิ้น การตั้งค่าสภาพแวดล้อมเกี่ยวข้องกับขั้นตอนต่อไปนี้
- ดาวน์โหลดและติดตั้ง Java
- ดาวน์โหลดและกำหนดค่า Eclipse
- กำหนดค่า FireBug และ FirePath
- กำหนดค่า Selenium RC
- กำหนดค่า Selenium WebDriver
ดาวน์โหลดและติดตั้ง Java
เราจำเป็นต้องติดตั้ง JDK (Java Development Kit) เพื่อที่จะทำงานกับ Selenium WebDriver / Selenium ให้เราดูวิธีดาวน์โหลดและติดตั้ง Java
Step 1 - ไปที่ UR
https://www.oracle.com/technetwork/java/javase/downloads/index.html
Step 2 - ไปที่ส่วน "ดาวน์โหลด" และเลือก "ดาวน์โหลด JDK"
Step 3 - เลือกปุ่มตัวเลือก "ยอมรับข้อตกลงใบอนุญาต"
Step 4- เลือกการติดตั้งที่เหมาะสม ในกรณีนี้เป็นบิต 'Windows 7-64' คลิกลิงก์ที่เหมาะสมและบันทึกไฟล์. exe ลงในดิสก์ของคุณ
Step 5- เรียกใช้ไฟล์ exe ที่ดาวน์โหลดมาเพื่อเปิดตัวช่วยติดตั้ง คลิก 'ถัดไป' เพื่อดำเนินการต่อ
Step 6 - เลือกคุณสมบัติและคลิก 'ถัดไป'
Step 7 - ตัวติดตั้งถูกแยกออกและความคืบหน้าจะแสดงในวิซาร์ด
Step 8 - ผู้ใช้สามารถเลือกตำแหน่งการติดตั้งและคลิก 'ถัดไป'
Step 9 - โปรแกรมติดตั้งจะติดตั้ง JDK และไฟล์ใหม่จะถูกคัดลอก
Step 10 - โปรแกรมติดตั้งติดตั้งสำเร็จและแสดงสิ่งเดียวกันกับผู้ใช้
Step 11- ในการตรวจสอบว่าการติดตั้งสำเร็จหรือไม่ให้ไปที่พรอมต์คำสั่งและพิมพ์ 'java' เป็นคำสั่ง ผลลัพธ์ของคำสั่งแสดงอยู่ด้านล่าง หากการติดตั้ง Java ไม่สำเร็จหรือหากยังไม่ได้ติดตั้งจะทำให้เกิดข้อผิดพลาด "คำสั่งที่ไม่รู้จัก"
ดาวน์โหลดและกำหนดค่า Eclipse
Step 1 - ไปที่ URL: https://www.eclipse.org/downloads/ และดาวน์โหลดไฟล์ที่เหมาะสมตามสถาปัตยกรรมระบบปฏิบัติการของคุณ
Step 2 - คลิกปุ่ม "ดาวน์โหลด"
Step 3- การดาวน์โหลดจะอยู่ในรูปแบบซิป เปิดเครื่องรูดเนื้อหา
Step 4 - ค้นหา Eclipse.exe และดับเบิลคลิกที่ไฟล์
Step 5 - ในการกำหนดค่าพื้นที่ทำงานให้เลือกตำแหน่งที่จะต้องดำเนินการพัฒนา
Step 6 - หน้าต่าง Eclipse จะเปิดขึ้นตามที่แสดงด้านล่าง
กำหนดค่า FireBug และ FirePath
ในการทำงานกับ Selenium RC หรือ WebDriver เราจำเป็นต้องค้นหาองค์ประกอบตาม XPath หรือ ID หรือชื่อเป็นต้นเพื่อที่จะค้นหาองค์ประกอบเราจำเป็นต้องมีเครื่องมือ / ปลั๊กอิน
Step 1 - ไปที่ URL: https://addons.mozilla.org/en-US/firefox/addon/firebug/ และดาวน์โหลดปลั๊กอิน
Step 2 - โปรแกรมติดตั้งส่วนเสริมจะแสดงให้ผู้ใช้เห็นและได้รับการติดตั้งเมื่อคลิกปุ่ม 'ติดตั้ง'
Step 3 - หลังจากติดตั้งเราสามารถเปิดปลั๊กอินได้โดยไปที่ "Web Developer" >> "Firebug"
Step 4- FirePath ซึ่งเป็นปลั๊กอินที่ทำงานภายใน Firebug ช่วยให้ผู้ใช้คว้า 'XPath' ขององค์ประกอบได้ ติดตั้ง FirePath โดยไปที่ "https://addons.mozilla.org/en-US/firefox/addon/firepath/"
Step 5 - โปรแกรมติดตั้งส่วนเสริมจะแสดงให้ผู้ใช้เห็นและได้รับการติดตั้งเมื่อคลิกปุ่ม 'ติดตั้ง'
Step 6 - ตอนนี้เปิด "Firebug" โดยไปที่ "Tools" >> "Webdeveloper" >> "Firebug"
ตัวอย่าง
ตอนนี้ให้เราเข้าใจวิธีใช้ FireBug และ FirePath ด้วยตัวอย่าง สำหรับการสาธิตเราจะใช้ www.google.com และบันทึกคุณสมบัติของกล่องข้อความของ "google.com"
Step 1- ครั้งแรกคลิกที่ไอคอนลูกศรตามที่ไฮไลต์ในภาพหน้าจอต่อไปนี้แล้วลากไปยังวัตถุที่เราต้องการจับภาพคุณสมบัติ HTML / DOM ของวัตถุจะแสดงดังที่แสดงด้านล่าง เราสามารถจับ 'ID' ของกล่องข้อความที่เราสามารถโต้ตอบได้
Step 2 - ในการดึง XPath ของวัตถุไปที่แท็บ 'firepath' และทำตามขั้นตอนต่อไปนี้
- คลิกไอคอน Spy
- เลือกตัวควบคุมที่เราต้องการจับ XPath
- XPath ของตัวควบคุมที่เลือกจะถูกสร้างขึ้น
กำหนดค่า Selenium RC
ตอนนี้ให้เราดูวิธีกำหนดค่า Selenium Remote control เราจะเข้าใจวิธีการพัฒนาสคริปต์ด้วย Selenium RC ในบทต่อ ๆ ไปอย่างไรก็ตามสำหรับตอนนี้เราจะเข้าใจแค่ส่วนการกำหนดค่าของมัน
Step 1 - ไปที่ส่วนการดาวน์โหลดซีลีเนียม http://www.seleniumhq.org/download/ และดาวน์โหลด Selenium Server โดยคลิกที่หมายเลขเวอร์ชันที่แสดงด้านล่าง
Step 2- หลังจากดาวน์โหลดเราจำเป็นต้องเริ่มเซิร์ฟเวอร์ Selenium ในการทำเช่นนั้นให้เปิด command prompt และไปที่โฟลเดอร์ที่เก็บไฟล์ JAR ที่ดาวน์โหลดไว้ดังที่แสดงด้านล่าง
Step 3- ในการเริ่มต้นเซิร์ฟเวอร์ให้ใช้คำสั่ง 'java -jar << ชื่อ jar ที่ดาวน์โหลดมา >> และหากติดตั้ง java JDK อย่างถูกต้องคุณจะได้รับข้อความแสดงความสำเร็จดังที่แสดงด้านล่าง ตอนนี้เราสามารถเริ่มเขียนสคริปต์ Selenium RC ได้แล้ว
กำหนดค่า Selenium WebDriver
ตอนนี้ให้เราดูวิธีกำหนดค่า Selenium WebDriver เราจะเข้าใจวิธีการพัฒนาสคริปต์ด้วย Selenium WebDriver ในบทต่อ ๆ ไปอย่างไรก็ตามสำหรับตอนนี้เราจะเข้าใจแค่ส่วนการกำหนดค่าของมัน
Step 1 - ไปที่ส่วนการดาวน์โหลดซีลีเนียม http://www.seleniumhq.org/download/ และดาวน์โหลด Selenium WebDriver โดยคลิกที่หมายเลขเวอร์ชันดังที่แสดงด้านล่าง
Step 2 - ไฟล์ที่ดาวน์โหลดมาอยู่ในรูปแบบ Zipped และต้องเปิดเครื่องรูดเนื้อหาเพื่อจับคู่กับโฟลเดอร์โครงการ
Step 3- เนื้อหาที่คลายซิปจะแสดงดังที่แสดงด้านล่าง วิธีการแมปไปยังโฟลเดอร์โครงการและวิธีเริ่มการเขียนสคริปต์จะได้รับการจัดการในบท webDriver