เขียนการทดสอบแบบ end-to-end ข้ามแพลตฟอร์มใน Javascript

การทดสอบการเขียนโค้ดเป็นส่วนสำคัญของการเขียนโปรแกรมในปัจจุบัน มีวิธีการทดสอบซอฟต์แวร์หลายประเภท เช่นการทดสอบหน่วย การทดสอบการรวมระบบ และการทดสอบตั้งแต่ต้น จนจบ บทความของเขาจะครอบคลุมถึงวิธีที่เราสามารถใช้ การทดสอบ แบบ end-to-endกับแอปแบบรีแอคทีฟเนทีฟแบบง่ายๆ

เราจะใช้ ห้องสมุด Detoxซึ่งพัฒนาและดูแลโดยทีมWix

แอพนี้ค่อนข้างตรงไปตรงมา! ช่วยให้ผู้ใช้สามารถกดถูกใจแอพ Nintendo 64 ที่พวกเขาชื่นชอบได้ ที่กล่าวว่ามีพฤติกรรมบางอย่างที่ต้องทดสอบในแอป ถูกใจฟังก์ชั่น!

เรื่องราวของผู้ใช้

มาดูรายการทั้งหมดที่สามารถเป็นการกระทำของผู้ใช้สำหรับฟังก์ชันนี้:

1. ผู้ใช้เปิดแอป
2. ผู้ใช้เห็นการ์ดเกม และการ์ดเกมมีปุ่มถูกใจ และข้อความจำนวน รวม ที่ถูกใจบนการ์ดนั้น (เพื่อเปรียบเทียบข้อความหลังการกระทำของผู้ใช้)
3. ผู้ใช้กดปุ่มถูกใจ
4. ผู้ใช้แจ้งว่าชอบเปลี่ยนข้อความ ในกรณีนี้ จำนวนไลค์จะเพิ่มขึ้นหนึ่ง

CAVEAT: This user story can be considered an integration test in theory. Yet since the app itself is only responsible for allowing users to like their game, it is treated as end-to-end testing.

1. ผู้ใช้เปิดแอป

3. ผู้ใช้กดปุ่มถูกใจ

4. ผู้ใช้แจ้งว่าข้อความมีการเปลี่ยนแปลง ในกรณีนี้ จำนวนไลค์จะเพิ่มขึ้นหนึ่ง

รหัสเต็ม

การสาธิต

มาดูทุกอย่างในการดำเนินการ

บทความนี้ครอบคลุมเบื้องต้นของการทดสอบแบบ end-to-end ในแอปแบบตอบสนองดั้งเดิม เพื่อความเรียบง่าย ตัวแอปเองมีพื้นฐานเพียงพอที่จะแสดงแง่มุมพื้นฐานของการทดสอบตั้งแต่ต้นทางถึงปลายทาง แท้จริงแล้ว อาจซับซ้อนกว่านี้ในแอปพลิเคชันในชีวิตจริง/การผลิต

คุณสามารถดูซอร์สโค้ดสุดท้ายของแอปนี้ได้โดยใช้ลิงก์ด้านล่าง

ขอให้ทุกคนมีวันที่ปราศจากข้อผิดพลาด!

ซอร์สโค้ด Github

เพิ่มระดับการเข้ารหัส

ขอบคุณที่เป็นส่วนหนึ่งของชุมชนของเรา! ก่อนที่คุณจะไป:

• ปรบมือให้กับเรื่องราวและติดตามผู้เขียน
• ดูเนื้อหาเพิ่มเติมในสิ่งพิมพ์ Level Up Coding
• ติดตามเรา: Twitter | LinkedIn | จดหมายข่าว