Flow 5 : ค้นหาโพสต์ของที่ต้องการซื้อ ขายจากช่องค้นหา - SilverSky9/DevToolNo1 GitHub Wiki

Flow 5 : ค้นหาโพสต์ของที่ต้องการซื้อ/ขายจากช่องค้นหา

User flow

ในมุมมองแบ่งตาม Page

User Flow
Full Screen

เมื่อผู้ใช้เปิดมาจะพบกับหน้า Home Page ซึ่งเป็นหน้าหลักการใช้งานที่สามารถดูโพสต์ต่างๆได้ และผู้ใช้สามารถกดช่องค้นหาบริเวณด้านบนของหน้า Home Page และกดปุ่มเพื่อค้นหา หลังจากนั้นโพสต์บน> > หน้า Home Page จะแสดงเป็นโพสต์ที่เกี่ยวข้องกับคำค้นหา

UI flow

2022-01-30-16.png Full Screen

  • ในหน้า Home Page สามารถค้นหาชื่อสินค้าได้จากคำคีย์เวิร์ด และสามารถกรองประเภทของที่ต้องการค้นหาได้จากฟีเจอร์ฟิลเตอร์ นอกจากนี้ในหน้านี้สามารถดูโพสต์ต่างๆ และสามารถสร้างโพสต์ได้อีกด้วย
  • ช่องค้นหา จะอยู่บริเวณด้านบนของหน้า Home Page เมื่อผู้ใช้กดในช่องค้นหาผู้ใช้จะสามารถพิมพ์คำค้นหา และกดปุ่ม ค้นหา เพื่อทำการค้นหาโพสต์ที่เกี่ยวข้องกับคำที่พิมพ์ในช่องค้นหาได้

Acceptance Tests

ตัวอย่าง Acceptance Tests Flow 5 : ค้นหาโพสต์ของที่ต้องการซื้อ/ขายจากช่องค้นหา

สามารถดูรายละเอียดเต็ม ๆ ได้ที่ Google Sheet : Flow 5 : ค้นหาโพสต์ของที่ต้องการซื้อ/ขายจากช่องค้นหา

Case No. Case Name Case Description Input Expected Result Test Result
1 Search By Keyword Success ค้นหาโพสต์สำเร็จ เครื่องคิดเลข แสดงโพสต์ที่เกี่ยวข้องกับคำค้นหาที่หน้า Home Page โชว์โพสต์ที่เกี่ยวข้องกับคำค้นหาที่หน้า Home Page
2 Search By Keyword Fail ค้นหาโพสต์ไม่สำเร็จ เครื่องคิดเลข แสดงข้อความที่หน้า Home Page ว่าไม่มีโพสต์ที่เกี่ยวข้องกับคำค้นหานี้ ไม่โชว์โพสต์ที่เกี่ยวข้องกับคำค้นหาที่หน้า Home Page

API

Search posts by product name

End point: /getbyname/green
Method: Get
Response :

{
  "status": 200,
  "data": [{
    "product_name": "Green Shirt",
    "product_option": "lend",
    "product_type": "cloth",
    "product_tag": "shirt",
    "location": "RNP"
  }, 
  {
    "product_name": "Green Tea",
    "product_option": "borrow",
    "product_type": "drink",
    "product_tag": "tea",
    "location": "College"
  }]
}
⚠️ **GitHub.com Fallback** ⚠️