Github บูรณาการกับ Selenium: บทช่วยสอนที่สมบูรณ์

GitHub คืออะไร?

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

ข้อดีของการใช้ Git Hub สำหรับ Selenium.

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

ข้อกำหนดเบื้องต้นสำหรับ Selenium และการบูรณาการ GitHub

ก่อนที่เราจะเริ่มการรวม Selenium และ Git Hub เราจะต้องติดตั้งส่วนประกอบต่อไปนี้

  1. การติดตั้งเจนกินส์
  2. การติดตั้งมาเวน
  3. การติดตั้ง Tomcat

คุณสามารถดูขั้นตอนการติดตั้งได้จากลิงค์ต่อไปนี้:

1) คู่มือการติดตั้ง Maven และ Jenkins (https://www.guru99.com/maven-jenkins-with-selenium-complete-tutorial.html)

2) คู่มือการติดตั้ง Tomcat (https://www.guru99.com/apache.html)

ข้อกำหนดเบื้องต้นสำหรับ Selenium และ Github บูรณาการ

การติดตั้ง Git ไบนารี

ตอนนี้ให้เราเริ่มต้นด้วยการติดตั้ง “Git Binaries”

ขั้นตอน 1) เปิดเบราว์เซอร์และไปที่ URL- https://git-scm.com/

ขั้นตอน 2) ดาวน์โหลดเวอร์ชันเสถียรล่าสุด

ขั้นตอน 3) คลิกดาวน์โหลดสำหรับ Windows เมื่อดาวน์โหลดไฟล์เสร็จแล้ว เราจะเริ่มการติดตั้งได้

การติดตั้ง Git ไบนารี

ขั้นตอน 4) ไปที่ตำแหน่งดาวน์โหลดหรือไอคอนแล้วเรียกใช้โปรแกรมติดตั้ง

ขั้นตอน 5) คลิกผ่านการต้อนรับและใบอนุญาตสาธารณะทั่วไป

ขั้นตอน 6) คลิกที่ปุ่ม "ถัดไป" ในตัวช่วยสร้างการตั้งค่า git

การติดตั้ง Git ไบนารี

ขั้นตอน 7) อ่าน GNU General Public License แล้วคลิกถัดไป

การติดตั้ง Git ไบนารี

หน้าต่างอื่นจะปรากฏขึ้น

ขั้นตอน 8) ในขั้นตอนนี้

  1. เลือกไดเรกทอรีที่คุณต้องการติดตั้ง “Git Binaries” และ
  2. คลิกที่ปุ่มถัดไป

การติดตั้ง Git ไบนารี

ขั้นตอน 9) เลือกส่วนประกอบที่คุณต้องการติดตั้งและคลิกถัดไป

การติดตั้ง Git ไบนารี

ขั้นตอน 10) หากคุณต้องการสร้างโฟลเดอร์เมนูเริ่มต้นสำหรับ Git ให้คงการตั้งค่าเริ่มต้นไว้แล้วคลิกถัดไป

การติดตั้ง Git ไบนารี

ขั้นตอน 11) ในขั้นตอนนี้

  1. เลือกใช้ Git จากไฟล์ Windows พร้อมรับคำสั่งเพื่อเรียกใช้ Git จากบรรทัดคำสั่งและ
  2. คลิกถัดไป

การติดตั้ง Git ไบนารี

ออกจากการตั้งค่าเริ่มต้นแล้วคลิกถัดไปเพื่อติดตั้ง

ขั้นตอน 12) ในขั้นตอนนี้

  1. เลือกใช้ Open SSH ซึ่งจะช่วยให้เราดำเนินการคำสั่งจากบรรทัดคำสั่ง และจะกำหนดเส้นทางสิ่งแวดล้อม
  2. คลิกที่ปุ่มถัดไป

การติดตั้ง Git ไบนารี

ขั้นตอน 13) ในขั้นตอนนี้

  1. เลือก “เช็คเอาท์แบบ windows-style, คอมมิตการลงท้ายบรรทัดแบบ Unix” (วิธีที่ Git Hub จัดการการลงท้ายบรรทัดในไฟล์ข้อความ)
  2. คลิกที่ปุ่มถัดไป

การติดตั้ง Git ไบนารี

ขั้นตอน 14) ในขั้นตอนนี้

  1. เลือกใช้ MinTTY เป็นเทอร์มินัลเริ่มต้นของ MSys2 สำหรับ Git Bash
  2. คลิกที่ปุ่มถัดไป

การติดตั้ง Git ไบนารี

การติดตั้ง Git ไบนารี

เมื่อติดตั้ง git เรียบร้อยแล้ว คุณจะสามารถเข้าถึง git ได้

เปิด Command prompt แล้วพิมพ์ “git” แล้วกด “Enter” หากคุณเห็นหน้าจอด้านล่างแสดงว่าติดตั้งสำเร็จแล้ว

การติดตั้ง Git ไบนารี

ติดตั้งปลั๊กอิน Jenkins Git

ตอนนี้เรามาเริ่มด้วยการติดตั้งปลั๊กอิน Jenkins Git

ขั้นตอน 1) เปิดเบราว์เซอร์และไปที่เจนกินส์ของคุณ

ขั้นตอน 2) คลิกที่จัดการเจนกินส์

ติดตั้งปลั๊กอิน Jenkins Git

ขั้นตอน 3) คลิกที่จัดการปลั๊กอิน มันจะเปิดหน้าต่างอื่นขึ้นมา

ติดตั้งปลั๊กอิน Jenkins Git

ขั้นตอน 4) คลิกที่แท็บที่มีอยู่

ติดตั้งปลั๊กอิน Jenkins Git

ขั้นตอน 5) ในขั้นตอนนี้

  1. เลือกปลั๊กอิน GitHub จากนั้น
  2. คลิกที่ดาวน์โหลดทันทีและติดตั้งหลังจากปุ่มรีสตาร์ท

ติดตั้งปลั๊กอิน Jenkins Git

ต่อไปจะติดตั้งปลั๊กอินดังต่อไปนี้

เมื่อการติดตั้งเสร็จสิ้น รีสตาร์ทเซิร์ฟเวอร์ Tomcat ของคุณโดยเรียกไฟล์ "shutdown.bat"

ติดตั้งปลั๊กอิน Jenkins Git

หลังจากรีสตาร์ท Tomcat และ Jenkins เราจะเห็นว่ามีการติดตั้งปลั๊กอินในแท็บ "ติดตั้ง"

ติดตั้งปลั๊กอิน Jenkins Git

การตั้งค่าของเรา Eclipse ด้วยปลั๊กอิน GitHub

ตอนนี้มาติดตั้งปลั๊กอิน GitHub สำหรับ Eclipse.

URI สำหรับตำแหน่งปลั๊กอิน EGit https://download.eclipse.org/egit/updates/

ขั้นตอน 1) ยิง Eclipse แล้วก็

  1. คลิกที่ปุ่มช่วยเหลือแล้ว
  2. คลิกที่ติดตั้งซอฟต์แวร์ใหม่

การตั้งค่า Eclipse ด้วยปลั๊กอิน GitHub

ขั้นตอน 2) หน้าจอด้านล่างจะเปิดขึ้นเมื่อเราคลิกที่ติดตั้งซอฟต์แวร์ใหม่ ตอนนี้คลิกที่เพิ่ม

การตั้งค่า Eclipse ด้วยปลั๊กอิน GitHub

ขั้นตอน 3) ในขั้นตอนนี้

  1. พิมพ์ชื่อ “EGIT” และ
  2. ป้อนสถานที่ https://download.eclipse.org/egit/updates/ แล้วก็
  3. คลิกตกลง

การตั้งค่า Eclipse ด้วยปลั๊กอิน GitHub

ขั้นตอน 4) จากนั้นคลิกเลือกทั้งหมดและถัดไป

การตั้งค่า Eclipse ด้วยปลั๊กอิน GitHub

ขั้นตอน 5) คลิกถัดไปแล้วคลิกยอมรับข้อตกลงใบอนุญาต จากนั้นจึงติดตั้งให้เสร็จสิ้น

จากนั้นก็เริ่ม Eclipse ใหม่

การตั้งค่า Eclipse ด้วยปลั๊กอิน GitHub

การสร้างพื้นที่เก็บข้อมูลบน Git

ขั้นตอน 1) นำทางไปยัง Git Hub URI: https://github.com/ ลงทะเบียนเพื่อรับ git hub

ขั้นตอน 2) เมื่อคุณสมัครสำเร็จแล้ว ให้คลิกที่สร้างพื้นที่เก็บข้อมูลใหม่

การสร้างพื้นที่เก็บข้อมูลบน Git

ขั้นตอน 3) ในขั้นตอนนี้

  1. ป้อนชื่อของที่เก็บและ
  2. คลิกที่สร้างพื้นที่เก็บข้อมูลการสร้างพื้นที่เก็บข้อมูลบน Git

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

ขั้นตอน 1) เมื่อเราเสร็จสิ้นกับที่เก็บใหม่แล้ว ให้เปิดใช้งาน Eclipse

  1. คลิกที่ไฟล์
  2. จากนั้นคลิกที่ปุ่มใหม่แล้ว
  3. คลิกที่อื่น ๆ

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

ขั้นตอน 2) ในขั้นตอนนี้

  1. เลือกโครงการ Maven และเรียกดูสถานที่
  2. คลิกถัดไป

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

ขั้นตอน 3) ในขั้นตอนนี้

  1. เลือกชื่อโครงการและที่ตั้งแล้ว
  2. คลิกถัดไป

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

ขั้นตอน 4) คลิกถัดไป

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

ขั้นตอน 5) ในขั้นตอนนี้

  1. ป้อนรหัสกลุ่มและ
  2. รหัสสิ่งประดิษฐ์และ
  3. คลิกที่ปุ่มเสร็จสิ้น

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

ทันทีที่คุณคลิกที่ปุ่มเสร็จสิ้น โครงการจะถูกสร้างขึ้น

ขั้นตอน 6)

ตอนนี้เรามาสร้างสคริปต์ตัวอย่างกัน

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

มาพุชโค้ด/พื้นที่เก็บข้อมูลในเครื่องไปที่ Git Hub

ขั้นตอน 7) ในขั้นตอนนี้

  1. เปิด Eclipse จากนั้นไปที่โครงการ
  2. คลิกขวาที่โครงการแล้วเลือก “ทีม” จากนั้น
  3. เลือกโครงการแบ่งปัน

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

ขั้นตอน 8) เมื่อเราคลิกที่ “Share Project” ในหน้าจอด้านบน เราจะได้หน้าต่างอื่น

ในขั้นตอนนี้

  1. เลือกพื้นที่เก็บข้อมูลในเครื่องและ
  2. คลิกที่เสร็จสิ้น

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

เมื่อเราคลิกที่ Finish เราจะเห็นการเปลี่ยนแปลงในโครงสร้างโปรเจ็กต์ที่เราสร้างที่เก็บในเครื่อง

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

ตอนนี้ได้เวลาพุชโค้ดของเราไปที่ Git Hub Repository

ขั้นตอน 9) ในขั้นตอนนี้

  1. คลิกขวาที่โครงการและทีมแล้ว
  2. คลิกที่กระทำ

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

ขั้นตอน 10) ในขั้นตอนนี้

  1. ป้อนข้อความยืนยันและ
  2. เลือกไฟล์ที่เราต้องการส่งไปยังที่เก็บ Git Hub
  3. คลิกที่กระทำและผลักดัน

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

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

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

เราสามารถตรวจสอบได้ในฮับ Git ในพื้นที่เก็บข้อมูลว่าโปรเจ็กต์ของเราได้รับการพุชไปยังพื้นที่เก็บข้อมูลเรียบร้อยแล้ว

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

ตอนนี้ถึงเวลาดำเนินโครงการของเราจาก Git Hub ใน Jenkins

ขั้นตอน 11) เปิดเบราว์เซอร์และเปิดเจนกินส์ของคุณ

ขั้นตอน 12) คลิกที่รายการใหม่

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

ขั้นตอน 13) ในขั้นตอนนี้

  1. ป้อนชื่อรายการ
  2. เลือกโครงการ Maven
  3. คลิกที่ปุ่มตกลง

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

ขั้นตอน 14) ในขั้นตอนนี้ เราจะกำหนดค่า Git Hub ใน Jenkins

  1. คลิกที่ Git และ
  2. ป้อน URI ของที่เก็บ
  3. คลิกที่เพิ่มพื้นที่เก็บข้อมูล

หากคุณมีที่เก็บหลายแห่งใน Git Hub คุณจะต้องเพิ่มชื่อฟิลด์ Refspec ของที่เก็บ

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

เราสามารถรับ URI ได้ใน Git Hub

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

ขั้นตอน 15) ในขั้นตอนนี้

  1. เพิ่มตำแหน่งไฟล์ pom.xml ในกล่องข้อความและ
  2. ระบุเป้าหมายและตัวเลือกสำหรับ Maven แล้ว
  3. เลือกตัวเลือกเกี่ยวกับวิธีการรันการทดสอบ
  4. คลิกที่ปุ่มบันทึก

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

ขั้นตอน 16) เมื่อเราคลิกที่บันทึกด้านล่างหน้าจอจะปรากฏขึ้น

ตอนนี้เราสามารถสร้างโครงการของเราได้แล้วโดยคลิกที่ build

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

ขั้นตอน 17) มันจะแสดง Build คลิกที่ build Number หรือวันที่ build

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

ขั้นตอน 18) เมื่อเราคลิกที่หมายเลขบิลด์ หน้าจอด้านล่างจะปรากฏขึ้นในตำแหน่งที่เราจะเห็นเอาต์พุตคอนโซลในขั้นตอนนี้ ให้คลิกที่เอาต์พุตคอนโซล

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

สุดท้ายนี้ เราสามารถตรวจสอบว่าบิลด์ของเราเสร็จสมบูรณ์/ดำเนินการได้สำเร็จหรือไม่

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub