Feature 2: Create Post - Mrsmithz/Project-SW-Dev-and-Env GitHub Wiki
Feature สำหรับการสร้างโพสต์ใหม่สำหรับการเก็บ Document โดยในโพสต์จะต้องใส่รายละเอียดของโพสต์ด้วย เช่น ชื่อโพสต์, ความอธิบาย, Tag, ไฟล์, ความเป็นส่วนตัวของโพสต์ (ถ้าหากตั้งเป็น Private จะสามารถใส่ผู้ที่สามารถดาวน์โหลดได้ด้วย)
User Flow
- User ที่ทำการ Login แล้วทำการเข้าไปที่หน้า Home
- User ทำการกดปุ่มสร้างโพสต์ที่มุมขวาล่างของจอ
- เมื่อ User มาที่หน้าสร้างโพสต์แล้ว ขั้นตอนแรกคือการอัพโหลดไฟล์ เราจะสามารถอัพโหลดไฟล์ได้แค่อันเดียวเท่านั้น เมื่ออัพโหลดเสร็จ จะมีปุ่มให้กดไปหน้าถัดไป
- ขั้นตอนต่อมาคือ User ต้องกรอกข้อมูลของโพสต์ที่จะสร้าง โดย User สามารถกดปุ่ม Auto Fill เพื่อให้ใส่ Title และ Tag ได้เลย
- เมื่อกรอกเสร็จแล้ว ทำการกดปุ่ม Next ถ้า Validate รายเอียดที่กรอกไว้ผ่าน เว็บก็จะทำการเปลี่ยนหน้าไปหน้ายืนยันการสร้างโพสต์
- เมื่อ User ตรวจสอบความถูกต้องเรียบร้อยแล้ว กดปุ่ม Finish เพื่อยืนยันการสร้างโพสต์ เว็บจะเปลี่ยนไปยังหน้าโพสต์ที่เราสร้าง
UI Flow
Home Page
Create Post Page (Upload file)
Create Post Page (Fill form)
Create Post Page (Preview post)
Acceptance Test
| Case No | Case name | Case description | input: title | input: tagInput | input: previewImage | input : Files | Expected result |
|---|---|---|---|---|---|---|---|
| 1 | Upload File Success | ทำการอัพโหลดไฟล์ PDF ขึ้นไป 1 ไฟล์ | - | - | - | tools_midterm.pdf | มีปุ่ม Next ขึ้นมาเพื่อที่จะกดไปหน้าต่อไป |
| 2 | Upload File Fail | ทำการอัพโหลดไฟล์ PDF ขึ้นไปมากกว่า 1 ไฟล์ | - | - | - | tools_midterm.pdf, tools_midterm2.pdf | ขึ้นแจ้งเตือนว่าใส่ไฟล์มากเกินไป |
| 3 | Upload File Fail | ทำการอัพโหลดไฟล์ชนิดอื่นที่ไม่ใช่ PDF | - | - | - | tools.png | ขึ้นแจ้งเตือนว่าใส่ไฟล์ผิดประเภท |
| 4 | Fill Create Post Form Success | กรอกข้อมูล Title ที่มีขนาดไม่น้อยกว่า 3 ตัวอักษร และไม่เกิน 40 ตัวอักษร | Midterm Tools | - | - | tools_midterm.pdf | สามารถกดปุ่ม Next ได้ |
| 5 | Fill Create Post Form Fail | กรอกข้อมูล Title น้อยกว่า 3 ตัวอักษร | Mi | - | - | tools_midterm.pdf | ขึ้นแจ้งเตือนว่า ให้ใส่ Title ไม่น้อยกว่า 3 ตัวอักษร |
| 6 | Fill Create Post Form Fail | กรอกข้อมูล Title เกิน 40 ตัวอักษร | Miiiiiii... (มากกว่า 40 ตัวอักษร) | - | - | tools_midterm.pdf | ขึ้นแจ้งเตือนว่า ให้ใส่ Title ไม่เกิน 40 ตัวอักษร |
| 7 | Upload Preview Image Success | ใส่ไฟล์ที่เป็น .png / .jpg ลงไป | - | - | preview.jpg | tools_midterm.pdf | มีรูปแสดงขึ้นมาให้เราเห็น |
| 8 | Upload Preview Image Fail | ใส่ไฟล์ที่ไม่ใช่ .png / .jpg ลงไป | - | - | preview.js | tools_midterm.pdf | ไม่มีอะไรเกิดขึ้นกับรูป |
| 9 | Add Tag Success | กรอกชื่อ Tag ที่ต้องการจะเพิ่มที่มีขนาดไม่น้อยกว่า 2 ตัวอักษร และไม่เกิน 15 ตัวอักษร | - | New | - | tools_midterm.pdf | สามารถกดปุ่ม Add ได้เพื่อที่จะเพิ่ม Tag ในโพสต์ |
| 10 | Add Tag Fail | กรอกชื่อ Tag น้อยกว่า 2 ตัวอักษร | - | N | - | tools_midterm.pdf | ขึ้นแจ้งเตือนว่า ให้ใส่ชื่อ Tag ไม่น้อยกว่า 2 ตัวอักษร |
| 11 | Add Tag Fail | กรอกชื่อ Tag เกิน 15 ตัวอักษร | - | Newww... (มากกว่า 15 ตัวอักษร) | - | tools_midterm.pdf | ขึ้นแจ้งเตือนว่า ให้ใส่ชื่อ Tag ไม่เกิน 15 ตัวอักษร |
Technical
Frontend
- Design UI
- Develop
- Test
- Deploy