ไม่เป็นไร.
ได้เวลาทำสิ่งที่มีประโยชน์กับไดรเวอร์ซีลีเนียมของเราแล้ว
เราต้องการลองดึงข้อมูลนี้ ใส่ข้อความลงไป จากนั้นคลิกแสดงข้อความเหมือนกับที่ทำบนเว็บไซต์ บางทีเรากำลังพยายามลงชื่อเข้าใช้โดยอัตโนมัติเพื่อทดสอบฟังก์ชันการลงชื่อเข้าใช้หรือเพื่อทดสอบบางอย่าง
ฟังก์ชันแบบฟอร์มในแอปของเรา
เราจะทำสิ่งนี้ได้อย่างไร?
งั้นขอเคลียร์เรื่องนี้ก่อน
เพียงเพื่อให้เรามีจานสีที่สะอาดและเริ่มต้นด้วยบางสิ่ง
สิ่งแรกที่ฉันชอบทำเมื่อทำงานกับ Selenium คือต้องแน่ใจว่าเมื่อเราดำเนินการผ่านโค้ด
เรากำลังทำสิ่งที่ถูกต้องโดยใช้คำสั่งยืนยันเหล่านี้
ผมก็เลยบอกว่ายืนยัน และเราต้องการยืนยันว่าข้อความของปุ่มนี้ ซึ่งเราจะใช้ ซึ่งก็คือข้อความแสดง
เราต้องการยืนยันว่าข้อความที่แสดงนี้จริงๆ
มีอยู่ในเพจของเรา
วิธีง่ายๆ ในการตรวจสอบสิ่งนี้คือพูดว่าเบราว์เซอร์ Chrome และแทนที่จะใช้ชื่อ เราต้องการเพียงแค่ตรวจสอบหน้าเว็บ
แหล่งที่มา.
และแหล่งที่มาของพิทช์ก็เป็นเพียงถ้าฉันคลิกขวาที่นี่และดูที่มาของหน้าดู
เป็นเพียงเวอร์ชัน HTML ของเว็บไซต์ทั้งหมดที่เราเห็น
ซึ่งควรมีการแสดง
ดังนั้นโดยการทำเช่นนี้ หวังว่าถ้าทุกอย่างทำงานจนถึงบรรทัดที่ 12 เราควรจะเป็นจริงโดยไม่มีข้อผิดพลาด
ลองทำกันดู
ไม่เป็นไร.
เราไม่ได้รับข้อผิดพลาดใดๆ
ทุกอย่างเป็นสิ่งที่ดี.
ตอนนี้ขอไปต่อ
สิ่งแรกที่ฉันต้องการทำคือคว้าข้อมูลนี้
เลยจะไปตรวจ
หรือไม่ก็ปิดมันซะ เราจะได้มุมมองที่ดีกว่านี้
และใช้
ตรวจสอบอินพุต
เราเห็นว่าอินพุตตรงนี้มี ID ของข้อความผู้ใช้ ดังนั้นเราสามารถคว้าสิ่งนี้ด้วย ID หากคุณจำได้
และเราเลื่อนขึ้นไปที่แผ่นโกงของเราที่นี่
เราเห็นว่าเราสามารถคว้าองค์ประกอบด้วย ID โดยใช้วิธีค้นหาองค์ประกอบด้วย ID
มาทำกัน
ฉันกำลังจะบอกว่า
เบราว์เซอร์ Chrome
Dot ค้นหาองค์ประกอบตาม ID และชื่อ ID ที่ฉันต้องการคว้าคือข้อความของผู้ใช้
มาทำกัน
ฉันจะบอกว่าข้อความของผู้ใช้
และอย่างแรกที่ฉันจะทำตอนนี้เมื่อเราคว้า ID นี้ได้คือ ฉันต้องการให้แน่ใจว่าไม่มีข้อความในนี้
อาจมาจากผู้ใช้คนก่อน
โดยปกติเมื่อรับอินพุต ฉันจะทำบางอย่างเช่นข้อความของผู้ใช้
มาสร้างตัวแปรใหม่ที่นี่ที่เรียกว่าข้อความผู้ใช้
และฉันจะบอกว่าข้อความของผู้ใช้ dot clear เพื่อล้างไม่ว่าจะอยู่ที่ใดในอินพุตและจากนั้นจากที่นั่น
อ้อ ให้แน่ใจนะว่านี่คือขีดล่างแบบนี้
จากที่นี่ เราสามารถใช้ปุ่มส่งและปุ่มส่ง โดยบอกว่า เฮ้ ในข้อความของผู้ใช้ ให้ส่งการกดแป้นเหล่านี้ราวกับว่าผู้ใช้กำลังพิมพ์และใส่สตริงให้กับมัน
มาทำผมเท่เป็นพิเศษกันเถอะ
นั่นเป็นเรื่องงี่เง่า แต่ก็ควรจะดี
เราจะเลียนแบบการพิมพ์
ฉันรู้สึกดีเป็นพิเศษกับข้อมูลนั้นหลังจากที่เราล้างข้อมูลแล้ว
ลองดูว่ามันใช้งานได้หรือไม่
ฉันจะวิ่ง
โว้ว.
มันเจ๋งแค่ไหน?
คุณเห็นไหม
เราเพียงแค่พิมพ์ลงในกล่องโดยอัตโนมัติและมันบอกว่า ฉันเจ๋งมาก
สุดยอด.
ตอนนี้ขั้นตอนต่อไปคือเราต้องการคว้าปุ่มนี้แล้วจำลองการคลิกเพื่อให้ข้อความของคุณปรากฏที่นี่
ถ้าฉันคลิกแสดงข้อความ คุณจะเห็นว่าฉันพิมพ์ข้อความนี้
มาปิดเบราว์เซอร์ของเรากันเถอะเพราะฉันรู้สึกว่าเรามีเบราว์เซอร์ Selenium เปิดอยู่มากมายในขณะนี้
มันดีกว่า.
เมื่อได้สิ่งนี้มาอีกครั้ง เราก็สามารถเลือกปุ่มได้
จำไว้ว่าเราสามารถเลือกปุ่มได้แบบนี้
แต่อย่าเรียกมันว่าข้อความปุ่ม
และฉันชอบที่จะเจาะจงที่นี่ ให้เรียกปุ่มแสดงข้อความนี้
ตอนนี้แสดงปุ่มข้อความที่เราเคยคว้ามาก่อน
สิ่งแรกที่เราต้องการจะทำ
คือการจำลองการคลิก
เป็นแบบนั้น.
ดังนั้นเราจึงส่งคีย์แล้วคลิก
ลองดูว่าได้ผลหรือไม่
ฉันจะบันทึกสิ่งนี้และเรียกใช้
อืม.
ดูเหมือนว่ามันไม่ได้ผล
ให้ฉันตรวจสอบสิ่งที่เกิดขึ้น
เราได้รับชื่อ
ไม่ได้กำหนดข้อความปุ่มข้อผิดพลาด
โอ้ นั่นเป็นเพราะเราไม่ได้แก้ไขการตั้งชื่อในฟังก์ชันการพิมพ์
เลยขอเปลี่ยนชื่อที่นี่
จริงๆแล้วเราสามารถแสดงความคิดเห็นได้เพราะเราไม่ต้องพิมพ์อีกต่อไป
และลองเรียกใช้อีกครั้ง
โว้ว.
คุณเห็นว่ายัง?
คุณสังเกตเห็นว่ามันเกิดขึ้นเร็วแค่ไหน?
ฉันเจ๋งเป็นพิเศษ
มีการคลิกแสดงข้อความและตอนนี้ข้อความของฉันปรากฏขึ้น
เยี่ยมมาก
สมมติว่าเราต้องการคว้าข้อมูลนี้
พวกเราทำอะไรได้บ้าง?
อีกครั้ง เราสามารถคลิกขวาได้ ลองใช้ค่าเริ่มต้นของเรากัน
ให้คลิกขวาตรวจสอบ
และตอนนี้คุณสามารถเดาได้ว่าสิ่งนี้เริ่มง่ายแล้ว
เราเห็นแล้วว่าเรามี ID ที่แสดง ดังนั้นเราจะคว้ามันมา
และบอกว่านี่จะเป็นข้อความที่ส่งออก
และข้อความที่ส่งออกจะเป็น
เบราว์เซอร์ Chrome
Dot ค้นหาองค์ประกอบด้วย ID และแสดงผล
และบางทีตอนนี้เพื่อตรวจสอบว่าสิ่งนี้ใช้ได้ผล ฉันจะใช้วิธียืนยันและพูดว่า
เฮ้ ฉันต้องการยืนยันว่าฉันเป็น
เย็นเป็นพิเศษ
มันคือกี่O?
สี่ O ที่ดูถูกต้องอยู่ในข้อความที่ส่งออก
และสิ่งที่เราต้องการจะทำคือการเห็นข้อความจริง ๆ เพื่อที่เราจะสามารถพูด HTML ภายในได้เหมือนที่เราทำที่นี่ด้วยแอตทริบิวต์
get หรือเราสามารถพูดเป็นข้อความได้
ดังนั้นถ้าฉันเรียกใช้สิ่งนี้
ไม่มีการออกอากาศ
ทุกอย่างกำลังทำงานอยู่
นี่เป็นตัวอย่างง่ายๆ แต่คุณสังเกตเห็นว่าทุกอย่างเกิดขึ้นเร็วแค่ไหน?
ฉันหมายความว่า ถ้ามนุษย์ต้องทำสิ่งนี้ คุณต้องเลือกที่นี่และพิมพ์สิ่งนี้ลงไป
จากนั้นคุณต้องคลิกแสดงข้อความและในที่สุดข้อความของคุณก็จะปรากฏขึ้น
เหตุผลที่การทดสอบอัตโนมัติเป็นส่วนสำคัญของการพัฒนาซอฟต์แวร์ เพราะคุณสามารถทำสิ่งต่างๆ ได้อย่างรวดเร็วจริงๆ
คุณปล่อยให้เครื่องควบคุมเบราว์เซอร์ได้เร็วมาก ดังนั้นคุณจึงสามารถทดสอบได้หลายครั้งเท่าที่คุณต้องการนับล้านครั้ง
คุณสามารถจำลองการคลิก ป้อนข้อมูล อะไรก็ได้ที่มนุษย์สามารถทำได้
ซีลีเนียมให้คุณใช้ได้เช่นกัน
ตอนนี้ฉันต้องการแสดงให้คุณเห็นอีกวิธีหนึ่งในการเลือกซึ่งเป็นเรื่องธรรมดามาก
เราพบว่าเราสามารถค้นหาองค์ประกอบด้วย ID ค้นหาองค์ประกอบตามชื่อคลาส
แต่สิ่งที่มีประโยชน์มากอีกอย่างหนึ่งคือสิ่งที่เรียกว่าองค์ประกอบเบราว์เซอร์ Chrome dot find แทนที่จะเป็นชื่อคลาส
เราใช้สิ่งที่เรียกว่า CSS
และตัวเลือก CSE
เราจะไม่เรียนรู้ CSIS ที่นี่ แต่ CSIS ในเบราว์เซอร์
เป็นสไตล์ที่คุณได้รับ
ตัวอย่างเช่น หากฉันดูปุ่มและตรวจดู คุณจะเห็นว่าคลาสมีปุ่มเริ่มต้นของปุ่ม
และในชั้นเรียน นี่คือสิ่งที่เรียกว่า CSIS
มันบอกได้เลยว่านี่คือสไตล์ที่เราต้องการ
คุณสามารถดูได้ที่นี่ในแท็บสไตล์ที่เรามีปุ่ม ค่าเริ่มต้น และปุ่ม และสิ่งนี้จะควบคุมสไตล์ของเราบนหน้าเว็บ
ตัวอย่างเช่น หากฉันยกเลิกการเลือกตัวเลือกนี้
ปุ่มของฉัน
ตอนนี้ไม่มีสไตล์
ถ้าฉันยกเลิกการเลือกบางส่วนของสิ่งนี้เช่นกัน
อีกครั้ง สไตล์ปุ่มจะหายไป
ดังนั้นเราจึงสามารถใช้ตัวเลือก CSS ได้อีกครั้ง ซึ่งคุณสามารถใช้ Google ด้วยตัวเองหรือฉันจะสอนหลักสูตรอื่นๆ
ของฉันเพื่อคว้าสิ่งนี้จริงๆ
วิธีที่เราทำสิ่งนี้และปุ่ม grab โดยค่าเริ่มต้นคือการใช้
CSS class dot
แต่นี่คือตัวเลือก CSS ตัวอย่างเช่น ถ้าฉันต้องการคว้าปุ่มทั้งหมดที่อยู่ภายใต้แบบฟอร์ม
รับอินพุต ซึ่งก็คือฉันได้รับอินพุต ฉันก็จะทำ LB ซึ่งย่อมาจาก ID
รับข้อมูลเข้า
แล้วบอกว่าทุกรูปแบบที่มี ID รับอินพุตและอะไรก็ได้ที่เป็นปุ่มลูกที่ฉันต้องการให้คุณคว้า
ดังนั้นถ้าฉันทำผู้ใช้
ข้อความหรือผู้ใช้
ปุ่ม.
ฉันจะบอกที่นี่ ถ้าฉันพิมพ์ออกมาตอนนี้และบอกว่าปุ่มผู้ใช้นี้ควรจะไม่ได้เลือกตัวเลือก
มาแก้ไขกันเถอะ
คุณเห็นว่า?
ฉันสามารถคว้าองค์ประกอบนี้ด้วยวิธีนั้นได้เช่นกัน
ไม่เป็นไร.
ไปพักกันเถอะ เพราะลองดูหน้าต่างทั้งหมดที่ฉันเพิ่งเปิดออก
นี่มันบ้าไปหน่อย
ในวิดีโอหน้า ผมจะแสดงวิธีปิดสิ่งเหล่านี้
ฉันจะเห็นในครั้งต่อไป
ลาก่อน.