🧪 CMS QA Training Project v2

ระบบฝึก QA Testing สำหรับแฟนคุณที่เขียน HTML/CSS/JS ไม่ต้องติดตั้งอะไรเพิ่มเลย — เปิด browser แล้วใช้งานได้ทันที

---

📁 โครงสร้างโปรเจค

cms-v2/
├── index.html              ← ระบบ CMS หลัก (มี Bug 13 จุด)
├── test-runner.html        ← Automated Test Runner รันใน browser!
├── requirements/
│   ├── REQ-001_initial_requirements.txt
│   └── REQ-002_qa_clarification.txt
└── docs/
    └── EXPLORATORY_GUIDE.txt

---

🚀 วิธีใช้งาน

1. Manual Testing

เปิด index.html แล้วลองใช้งานตาม requirements

Login: admin@company.com / Admin@1234

2. Automated Testing (ไม่ต้องติดตั้งอะไร!)

เปิด test-runner.html ในแท็บเดียวกัน browser แล้วกด Run All Tests

⚠️ ต้องเปิดผ่าน localhost หรือ GitHub Pages (ไม่ใช่ file:// เพราะ iframe จะ block)

# วิธีง่ายที่สุด: ใช้ VS Code + Live Server extension
# หรือ Python:
python -m http.server 3000
# แล้วเปิด http://localhost:3000/test-runner.html

3. Deploy GitHub Pages

git init
git add .
git commit -m "CMS QA Training v2"
git branch -M main
git remote add origin https://github.com/USERNAME/cms-qa-v2.git
git push -u origin main
# Settings → Pages → Source: main → /root

URL: https://USERNAME.github.io/cms-qa-v2/test-runner.html

4. Exploratory Testing

อ่านไฟล์ docs/EXPLORATORY_GUIDE.txt

---

🐛 Bug ที่ซ่อนไว้ (13 จุด)

#	หมวด	อาการ	Priority
1	Navigation	Dropdown "ลูกค้า" ไม่แสดง	P2
2	Login	Error msg บอก password ≥ 6 ทั้งที่ REQ = 8	P3
3	Dashboard	Inactive card ไม่อัปเดต (id ผิด)	P3
4	Dashboard	ลูกค้าใหม่ = 99 ตลอด (hardcode)	P3
5	Customer	Search real-time ไม่ทำงาน	P2
6	Report	เปลี่ยน filter ช่วงเวลา ไม่อัปเดต	P3
7	Settings	บันทึกข้อมูลผู้ใช้ไม่ทำงาน	P2
8	Settings	Change PW ตรวจ ≥ 6 ทั้งที่ REQ = 8	P3
9	Settings	Save Notification ไม่มี feedback	P4
10	Modal	ปุ่ม "บันทึก" ใน Modal ไม่เพิ่มลูกค้า	P2
11	Login	email "admin@" ผ่าน validation	P3
12	Login	password ≥ 6 ผ่าน ทั้งที่ REQ = 8	P3
13	Modal	email "x@" ผ่าน validation	P3

---

📚 แนะนำลำดับการเรียน

1. อ่าน requirements/ — ทำความเข้าใจ spec
2. Manual Testing — ลองกดเล่นก่อน
3. Exploratory Testing — ใช้ docs/EXPLORATORY_GUIDE.txt เป็น guide
4. Automated Testing — เปิด test-runner.html กด Run All
5. สังเกตว่า test ไหน FAIL → นั่นคือ Bug ที่ซ่อนไว้