Testing strategies - taritinth/sw-dev-tools-and-environments-project GitHub Wiki

Testing strategies

Tools ที่ใช้

Frontend Backend
Unit test Jest Mocha
Component test Jest Mocha
End-to-end test Cypress Cypress

Unit test

Frontend

เป็นการทดสอบการแสดงผลของ 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

Backend

เป็นการทดสอบการ query ของ mock up database ว่าสามารถ query แล้วได้ข้อมูลที่ถูกต้อง


Component test

Frontend

เป็นการทดสอบการเรียก axios เกี่ยวกับการจัดการกับข้อมูลที่ได้รับ โดยการ mock up API ขึ้นมา

  • ทดสอบการเรียก Job มาแสดงหลังจากการ search (getJob)
  • ทดสอบการเรียก User มาแสดง (getUser)

Backend

เป็นการทดสอบการทำงานของ api โดยมีการเชื่อมต่อ mock up database


End-to-end test

เป็นการทดสอบการทำงานตลอดทั้ง flow ของ flow ผู้สมัครงานค้นหาและสมัครงาน โดยมีขั้นตอนการทดสอบแบบอัตโนมัติ ดังนี้

  • เมื่อผู้ใช้งาน login เข้าสู่ระบบจะมาอยู่ที่หน้า Home Page
  • จากนั้นให้ผู้ใช้งานกดเข้าไปใน Profile Page เพื่อเพิ่มประวัติส่วนตัว ประวัติการศึกษา ช่องทางติดต่อ และอัพโหลดเรซูเม่ ฯลฯ
  • ผู้ใช้งานกดเข้าหน้า Search Job Page เพื่อทำการค้นหางาน
  • ผู้ใช้งานเลือก / ค้นหาตำแหน่งงานที่สนใจ และจะเข้ามาสู่หน้า Apply Page
  • หากผู้ใช้งานสนใจให้กด "Apply" เพื่อทำการสมัครต่อไป

Back to top

⚠️ **GitHub.com Fallback** ⚠️