ไลบรารีทดสอบ React: การพัฒนาแบบทดสอบด้วย Jest และ Vitest

สร้างแอพพลิเคชัน React ที่แข็งแรงและเข้าถึงได้ง่าย โดยใช้ Jest, Vitest และ React Testing Library

4.5 (7,871) ⏱ 1 ชม. 📚 6 บทเรียน

เกี่ยวกับคอร์สนี้

การเขียนการทดสอบที่เชื่อถือได้เป็นสิ่งจำเป็นสำหรับประสบการณ์ของผู้ใช้ที่ปราศจากบั๊ก แต่การทดสอบแอพพลิเคชัน React สมัยใหม่มักจะรู้สึกว่ามันมากเกินไป หากคุณต้องการเขียนการทดสอบที่สามารถดูแลได้ซึ่งจำลองการปฏิสัมพันธ์ของผู้ใช้จริงแทนที่จะใช้รายละเอียดการปฏิบัติงานภายใน การเรียนรู้การใช้เครื่องมือทดสอบสมัยใหม่เป็นกุญแจสำคัญ หลักสูตรนี้จะนำคุณไปสู่หลักการพื้นฐานของการพัฒนาแบบทดสอบ (TDD) โดยใช้ไลบรารีการทดสอบของ React ร่วมกับ Jest และ Vitest คุณจะเรียนรู้วิธีการสร้างโครงสร้างการทดสอบของคุณรอบ ๆ แนวทางในการเข้าถึงได้, ทำการทดสอบการร้องขอเครือข่ายอย่างราบรื่น, และสร้างความมั่นใจในระยะยาวในความมั่นคงของฐานรหัสของคุณ คุณจะเรียนรู้อะไร - เข้าใจหลักการพื้นฐานของ Jest และ Vitest test runners และวิธีการรวมเข้ากับ React Testing Library - ใช้กระบวนการทำงานแบบทดสอบ-ขับเคลื่อนการพัฒนา (TDD) เพื่อเขียนส่วนประกอบของ React ที่สะอาดและสามารถดูแลได้ง่ายขึ้น - ควบคุมการเข้าถึงก่อน คำถามเพื่อหา องค์ประกอบ เหมือนกับผู้ใช้จริง หรือเทคโนโลยีช่วยเหลือ - จำลองการปฏิสัมพันธ์ของผู้ใช้อย่างสมจริง โดยใช้ไลบรารีเหตุการณ์ของผู้ใช้สมัยใหม่ แทนที่จะใช้วิธีกระตุ้นทั่วไป - ปรับแต่ง Mock Service Worker (MSW) เพื่อให้ตรวจจับและจำลองคำร้องขอเครือข่าย API สำหรับการทดสอบที่ไม่ซิงโครนัสอย่างแข็งแรง - ทดสอบคุณสมบัติของ React ที่มีอยู่ เช่น ฮุกที่กำหนดเอง, ตัวจัดหาคอนเท็กซ์ และการอัปเดตสถานะที่ไม่ซิงโครนัส คุณจะเริ่มต้นด้วยคำศัพท์การทดสอบพื้นฐานและข้อยืนยันพื้นฐานก่อนที่จะพัฒนาไปสู่การทดสอบการปฏิสัมพันธ์ของผู้ใช้ที่ซับซ้อนและกระแสข้อมูลที่ไม่ซิงโครนัส ผ่านการอธิบายแบบเขียนและสถานการณ์โค้ดที่ปฏิบัติได้จริง คุณจะสร้างแบบจำลองทางจิตใจที่แข็งแรงสำหรับการเขียนการทดสอบที่ทนทาน หลักสูตรนี้ถูกออกแบบสำหรับนักพัฒนาส่วนหน้าและผู้เริ่มต้นในการทดสอบ ซึ่งมีความเข้าใจพื้นฐานเกี่ยวกับ React และจาวาสคริปต์ โดยไม่ต้องมีประสบการณ์การทดสอบมาก่อน เริ่มเขียนการทดสอบที่เชื่อถือได้และเป็นศูนย์กลางของผู้ใช้สำหรับแอพพลิเคชัน React ของคุณวันนี้

สิ่งที่คุณจะได้รับ

  • 📜 ใบประกาศนียบัตร
    เพิ่มในโปรไฟล์ LinkedIn ของคุณ
  • ♾️ เข้าถึงตลอดชีพ
    กลับมาเรียนได้ตลอด ไม่มีหมดอายุ
  • 📱 โทรศัพท์หรือคอมพิวเตอร์
    ใช้งานได้ทุกที่ ทุกอุปกรณ์
  • 💸 คืนเงิน 30 วัน
    ไม่ต้องอธิบาย
  • กระชับและตรงประเด็น
    1 ชม. เนื้อหาเชิงปฏิบัติ

รีวิว (5)

신민서 KR ผู้เรียนที่ยืนยันแล้ว
★ 4 · 2025-11-21T14:54:52+00:00

โดยรวมค่อนข้างดี บางส่วนรู้สึกว่าเร่งรีบไปหน่อย แต่เนื้อหาหลักแน่นและตัวอย่างมีประโยชน์มาก ได้เรียนรู้อะไรเยอะเลย

نادية السالم KW
★ 4 · 2025-10-25T13:03:52+00:00

ชอบมาก โครงสร้างไหลลื่น การนำไปใช้จริงก็ใช้ได้ทันที เยี่ยมมาก!

علي بن سالم العامري OM
★ 4 · 2025-08-19T21:06:52+00:00

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

Daniel Côté CA ผู้เรียนที่ยืนยันแล้ว
★ 4 · 2025-07-10T06:27:52+00:00

พื้นฐานดี ตัวอย่างก็ช่วยได้ อาจจะต้องฝึกเพิ่มอีกนิดหน่อย

Ahmed Hassan KE ผู้เรียนที่ยืนยันแล้ว
★ 4 · 2025-03-09T23:37:52+00:00

แนะนำได้ค่อนข้างดี ตัวอย่างมีประโยชน์ แต่ก็อยากให้มีแบบฝึกหัดมากกว่านี้ คุ้มค่ากับราคา

เขียนรีวิว

หลังจากส่ง เราจะขอให้คุณเข้าสู่ระบบ — ฉบับร่างของคุณถูกบันทึก

ผู้เรียนคนอื่นเรียน

Full-Stack JavaScript: การพัฒนาแอปพลิเคชันแชทแบบเรียลไทม์

สร้างแพลตฟอร์มแชทที่ใช้งานได้จริงตั้งแต่เริ่มต้นโดยใช้ React และ Node.js พร้อมทั้งเชี่ยวชาญหลักการพัฒนา Full-Stack สมัยใหม่
★ 5.0 (15)
$4.99$9.99

แนะนำ Vue.js: การสร้างแอพพลิเคชันเว็บแบบตอบสนองสมัยใหม่

เรียนรู้วิธีการสร้างส่วนติดต่อผู้ใช้แบบไดนามิกจากพื้นฐาน โดยใช้ Vue.js, JavaScript สมัยใหม่ และ Composition API อันทรงพลัง
★ 4.9 (1,478)
$4.99$9.99

ส่วนประกอบเว็บที่กำหนดเองและ Stencil. js: สร้างส่วน HTML ที่ใช้ได้อีก

สร้างแท็ก HTML แบบใช้ได้หลายแพลตฟอร์ม ใช้ได้หลายครั้ง ด้วย API เบราว์เซอร์ดั้งเดิม และ Stencil.js เพื่อปรับปรุงกระบวนการพัฒนาเว็บของคุณ ผ่านกรอบงานใด ๆ ที่ทันสมัย
★ 4.9 (3,920)
$4.99$9.99

Svelte.js พัฒนาเว็บ: สร้างโปรแกรมส่วนหน้าที่รวดเร็วและตอบสนองได้

เรียนรู้ Svelte.js และ SvelteKit เพื่อสร้างโปรแกรมเว็ปที่เบาและโหลดเร็ว ใช้วิธีการคอมไพลเลอร์เป็นหลัก ด้วยโค้ดแบบเรียบง่าย
★ 4.8 (3,648)
$4.99$9.99

คำถามที่พบบ่อย

ฉันต้องใช้อะไรในการเรียนคอร์สนี้? +

แค่โทรศัพท์หรือคอมพิวเตอร์ที่มีอินเทอร์เน็ต ไม่ต้องติดตั้งหรือใช้อุปกรณ์พิเศษ

ฉันชำระเงินอย่างไร? +

ผ่านบัตรด้วย Stripe หรือคริปโต เราไม่เก็บข้อมูลบัตร — Stripe จัดการอย่างปลอดภัย

ฉันขอคืนเงินได้ไหม? +

ใช่ — คืนเงินเต็มจำนวนใน 30 วัน ไม่ต้องอธิบาย

ฉันมีสิทธิ์เข้าถึงนานเท่าไร? +

ตลอดไป เมื่อซื้อแล้วคอร์สเป็นของคุณ กลับมาเรียนได้ตลอด

ฉันจะได้ใบประกาศนียบัตรไหม? +

ได้ เมื่อเรียนจบจะได้รับใบประกาศนียบัตรที่เพิ่มในโปรไฟล์ LinkedIn ได้

ออกแบบสำหรับผู้เรียนใน
เทคโนโลยี ดีไซน์ การเงิน การตลาด สาธารณสุข การศึกษา ธุรกิจการบริการ อุตสาหกรรม