# Test Extension với Playwright

## Cách test Extension

Extension chạy trong **isolated context**, nên Playwright không thể test trực tiếp content script. Nhưng có thể test:

1. **Test popup** (khi click icon extension)
2. **Test xem content script có inject không** (check DOM)

## Test thủ công (nhanh nhất)

1. **Reload extension** trong `chrome://extensions`
2. **Mở một trang web** (ví dụ: https://example.com)
3. **Bôi đen text** → Sidebar sẽ hiện bên phải
4. **Nhấn Space** → Form sẽ mở với text đã điền

## Test với Playwright (nếu cần)

Có thể test popup bằng cách:
- Load extension vào Chrome profile
- Navigate đến trang web
- Check xem sidebar có xuất hiện không khi select text

---

## ✅ Đã cải thiện

### Sidebar thay vì popup nhỏ:
- ✅ Sidebar 400px width, full height
- ✅ Hiện bên phải màn hình
- ✅ Preview text đã chọn
- ✅ Nút Save + Close
- ✅ Animation slide in mượt mà
- ✅ Không auto-ẩn (ở đó cho đến khi user đóng)

### Tính năng:
- ✅ Bôi đen text → Sidebar hiện
- ✅ Nhấn Space → Tự động mở form
- ✅ Click Save → Mở form với text đã điền

---

## 🚀 Test ngay

1. **Reload extension**: `chrome://extensions` → Reload CuCu Note
2. **Mở trang web**: https://example.com
3. **Bôi đen text** → Sidebar sẽ hiện bên phải!
4. **Nhấn Space** hoặc click "Save Note" → Form mở

