Testing strategies - taritinth/sw-dev-tools-and-environments-project GitHub Wiki
Frontend | Backend | |
---|---|---|
Unit test | Jest | Mocha |
Component test | Jest | Mocha |
End-to-end test | Cypress | Cypress |
เป็นการทดสอบการแสดงผลของ UI component ต่าง ๆ ในแต่ละหน้า ได้แก่ home page, profile page, search page และ apply page
UI Component ที่ Test
-
Home Page
- title ของ user
- ปุ่ม log out
- ปุ่ม home
- ปุ่ม search
- ปุ่ม explore ทั้ง 3
-
Profile Page
- ช่อง input (require) → Fullname, Email, Phone
- ช่อง input (optional) → Education
- upload file (require) → Resume
- icon ดินสอ เพื่อ upload photo
- ปุ่ม Save
-
Search Job Page
- filter ค้นหาไปยังหมวดหมู่ internships, part-time, full-time
- filter งานที่ต้องการหา
- Card งาน
-
Apply Page
- ปุ่ม apply
- ปุ่ม x ปิด modal
เป็นการทดสอบการ query ของ mock up database ว่าสามารถ query แล้วได้ข้อมูลที่ถูกต้อง
เป็นการทดสอบการเรียก axios เกี่ยวกับการจัดการกับข้อมูลที่ได้รับ โดยการ mock up API ขึ้นมา
- ทดสอบการเรียก Job มาแสดงหลังจากการ search (getJob)
- ทดสอบการเรียก User มาแสดง (getUser)
เป็นการทดสอบการทำงานของ api โดยมีการเชื่อมต่อ mock up database
เป็นการทดสอบการทำงานตลอดทั้ง flow ของ flow ผู้สมัครงานค้นหาและสมัครงาน โดยมีขั้นตอนการทดสอบแบบอัตโนมัติ ดังนี้
- เมื่อผู้ใช้งาน login เข้าสู่ระบบจะมาอยู่ที่หน้า Home Page
- จากนั้นให้ผู้ใช้งานกดเข้าไปใน Profile Page เพื่อเพิ่มประวัติส่วนตัว ประวัติการศึกษา ช่องทางติดต่อ และอัพโหลดเรซูเม่ ฯลฯ
- ผู้ใช้งานกดเข้าหน้า Search Job Page เพื่อทำการค้นหางาน
- ผู้ใช้งานเลือก / ค้นหาตำแหน่งงานที่สนใจ และจะเข้ามาสู่หน้า Apply Page
- หากผู้ใช้งานสนใจให้กด "Apply" เพื่อทำการสมัครต่อไป