การเก็บสถิติการใช้งาน

เว็บไซต์นี้เก็บสถิติหน้าที่เข้าชมและลิงก์ที่คลิกเพื่อนำไปปรับปรุงพอร์ตโฟลิโอ คุณปฏิเสธได้โดยยังใช้งานเว็บไซต์ได้ตามปกติ

ใช้ Central Analytics · เปลี่ยนตัวเลือกได้ทุกเมื่อที่ “ตั้งค่าสถิติการใช้งาน”

รายละเอียดการเก็บข้อมูล

Central Analytics ใช้รหัสผู้เข้าชมใน localStorage และรหัสเซสชันใน sessionStorage โดยเซสชันหมดอายุเมื่อไม่มีการใช้งาน 30 นาที ตัวเลือกและรหัสผู้เข้าชมไม่มีวันหมดอายุอัตโนมัติ ไม่ส่งข้อความจากแบบฟอร์ม พารามิเตอร์ URL หรือ fragment ไปยังระบบสถิติ การปฏิเสธจะหยุดการเก็บข้อมูลครั้งถัดไป แต่ไม่ลบข้อมูลที่ส่งไปแล้ว

EN
กลับไปหน้าผลงาน

Automated Testing Suite (Playwright + CI/CD)

ชุดทดสอบ API, หน้า Admin และ E2E ของ Clean Water Monitoring ด้วย Playwright มี Pipeline ที่เขียนด้วย Node.js เพื่อตรวจสถานะ Server ก่อนทดสอบ ส่งออกผลเป็น CSV และ JSON และอัปโหลดรายงานไปยัง Google Sheets โดยจัดโครงสร้างด้วย Page Object Model และแยก Configuration ตาม Environment

บทบาท
Automation Tester
เทคโนโลยี
Playwright, TypeScript, Node.js, GitHub Actions, Google Sheets API

การทดสอบกลายเป็นบันทึกที่ตรวจทานได้อย่างไร?

งานทดสอบ Clean Water Monitoring เชื่อมการตรวจ API หน้า Admin และ E2E กับสคริปต์รันงานและการส่งออกรายงาน ตามเส้นทางจากการตรวจ Server ไปถึงรายงานที่เปิดดูร่วมกันได้

ดูเบื้องหลังระบบนี้

  1. ตรวจความพร้อม

    Pipeline ที่เขียนด้วย Node.js ตรวจสถานะ Server ก่อนเริ่มทดสอบ

  2. ตรวจพฤติกรรม

    Playwright ตรวจ API หน้า Admin และ Flow แบบ End-to-end

  3. ส่งออกผล

    สคริปต์ส่งออกผลการทดสอบเป็น CSV และ JSON

  4. ส่งรายงาน

    Pipeline อัปโหลดรายงานไปยัง Google Sheets

ภาพบันทึกเดิมของตาราง Clean Water Test Results แสดงรหัสกรณีทดสอบ บทบาท ฟังก์ชัน ขั้นตอนทดสอบ และผลที่คาดหวัง
ภาพรายงานเดิมแสดงกรณีทดสอบ ขั้นตอน และผลที่คาดหวัง
ดูระบบที่ใช้เป็นเป้าหมายการทดสอบ

ศึกษาระบบ Clean Water ที่ใช้ในการทดสอบ

ภาพ 1 / 3เปิดภาพขนาดใหญ่

ภาพบันทึกเดิมของ GitHub Actions ขณะ Playwright กำลังทำงาน โดยขั้นตอนรายงานยังรอดำเนินการ

หน้าที่รับผิดชอบ

  • ออกแบบโครงสร้าง Test Framework ด้วยรูปแบบ Page Object Model (POM)
  • เขียน Test Cases สำหรับ API ทั้ง 6 โมดูล และ UI ฝั่ง Admin
  • พัฒนา pipeline.js สำหรับควบคุมลำดับการรันเทสและตรวจสถานะ Server
  • เขียน Script แปลงผลลัพธ์เป็น CSV และ JSON
  • เชื่อมต่อ Google Sheets API เพื่ออัปโหลดผลการทดสอบ
  • ตั้งค่า Playwright รองรับหลาย Browser และหลาย Environment
  • ตั้งค่า GitHub Actions Workflow พร้อมจัดการ Secrets

การตัดสินใจด้านการออกแบบและพัฒนา

  • ครอบคลุมทั้ง API, UI และ E2E Testing ในโปรเจกต์เดียว
  • เขียน Custom Script (Node.js) สำหรับควบคุม Pipeline และส่งออกผลลัพธ์
  • จัดการ Environment แยกด้วยไฟล์ .env ตาม Stage การ Deploy
  • รายงานผลอัตโนมัติขึ้น Google Sheets หลังการทดสอบเสร็จ

ความสามารถหลัก

  • API Testing — ทดสอบ API ครบ 6 โมดูล ตรวจสอบ Response, Status Code และโครงสร้างข้อมูล
  • UI Testing — ทดสอบการทำงานของหน้า Admin Dashboard และ Flow การจัดการข้อมูล
  • E2E Testing — จำลอง User Flow จริงตั้งแต่ Login จนถึงการใช้งานฟีเจอร์ต่างๆ ด้วย Page Object Model
  • Multi-environment — ตั้งค่า Environment แยกสำหรับ Dev, Staging และ Production
  • Custom Pipeline — สคริปต์ Node.js ตรวจสอบสถานะ Server ก่อนรัน และควบคุมลำดับการทดสอบ
  • Result Export — แปลงผลการทดสอบเป็นไฟล์ CSV และ JSON อัตโนมัติ
  • Google Sheets Integration — อัปโหลดผลการทดสอบขึ้น Google Sheets ผ่าน API
  • CI/CD — ทำงานอัตโนมัติผ่าน GitHub Actions ทุกครั้งที่มีการ Push Code

โน้ตที่เกี่ยวข้อง