ลองใช้ Headless Chrome ทำ Screen Shot

เรื่องก็มีอยู่ว่า Project นึง คนส่วนใหญ่ไม่ค่อยยอมทำ Test บางทีบอกว่า Coverage Report มันเปิดยาก / ตัวเค้าเองไม่รู้ว่าตอนนี้ Coverage มันลดลง แล้วต้องมาทำ Test เพิ่ม เป็นต้น ผมเลยมีไอเดียเลยว่าเดี๋ยวจะส่งตัว Report Coverage Summary ไปให้ โดยตอนนี้ใช้ Tools reportgenerator.io หลังจากที่มัน Generate เสร็จแล้ว มันจะได้ HTML Report หน้าตาสวยงามครับ ตามรูป จากหน้าตานี้แหละ ผมได้มี Idea ว่าจะหาทาง Capture Coverage Status ตอนนี้ แล้วส่งเข้า Line Notify ครับ แล้วทีนี้การ Capture ดูมา 2 วิธีครับ ลองใช้ Chrome Headless ทำ Screenshot จากที่เกริ่นไปแล้ว ตัว Google Chrome มี headless mode ทำให้เราเรียกผ่านเว็บ จาก command line ได้เลย โดยมี option ที่สำหรับทำ Screenshot ลองเรียกใช้งานดูครับ ทำให้เป็น PowerShell นิดนึง ผลลัพธ์ที่ได้ จากนั้น Script ทีข้างต้น ไปใส่ใน CI Tools อย่าง GitLab / Jenkins ได้เลยครับ นอกจากทำ Screen Shot แล้ว ตัว Chrome headless มันยังมี Option อื่นๆอีกครับ อาทิ เช่น แล้วตัว…