Trace log viewer ui

Robot framework Puppeteer ตั้งแต่ version 3.1.0 รองรับการ log โดยใช้ Feature Trace ของ Playwright แล้ว มันจะดีกว่า สะดวกกว่า Log ของ Robot ยังไงมาดูกันเลย

มาดูหน้าตาของ Trace log กัน

Trace log มาจะในรูปแบบของ Zip file ธรรมดาเลย โดย 1 Zip file จะเป็น log ของเทสเคส 1 ข้อครับ
ซึ่งชื่อของ Trace file ก็จะตรงกับชื่อของเทสเคส เพื่อให้เราเข้าใจได้ง่ายนั่นเอง

ตัวอย่าง Test case: Submit login form

Trace log file

ส่วนวิธีเปิด File ดูก็ทำได้ง่ายๆด้วย คำสั่ง

ถ้าทุกอย่างถูกต้องก็จะมีหน้าต่าง Trace log Viewer แสดงขึ้นมาแบบนี้ครับ

Trace log viewer

Anyalyze Trace log view

  • Timeline – แสดง flow ตั้งแต่เริ่ม open browser จนถึง step ที่ เขียน Trace log file
  • Actions – เป็น step แต่ละ step ที่เราส่งคำสั่งไปยัง Playwright
  • Action detail – เป็น Detail ของแต่ละ step ที่ส่งไปยัง Playwright

จะเปิด Feature Trace log ยังไง

เริ่มต้นจาก install library version ล่าสุดก่อนเลยด้วยคำสั่ง

จากนั้นทำการเพิ่ม Keyword Start tracing และ Stop Tracing ตามตัวอย่างด้านล่างครับ

จากตัวอย่างโค้ดด้านบนจะเห็นว่า คำสั่ง Start Tracing ถูกเรียกใช้เมื่อเปิด Browser และ Stop Tracing ถูกเรียกก่อนจะจบการเทสข้อนั้นๆ

Trace log ไม่ได้มาแทนที่ Robot log

จะเห็นว่ามุมมองของ Trace log กับ Robot log จะไม่ได้เป็นมุมมองเดียวกันซะทีเดียว แต่เป็นส่วนขยายเวลาที่เราต้องการที่จะเข้าใจ Error ที่เกิดขึ้นมากขึ้น

จากประสบการณ์ Trace log จะใช้ได้ดีมากกรณีที่เราเจอ Unstable test จะทำให้เราเข้าใจว่าแต่ละ Step ที่รัน คำสั่งต่างๆเกิดอะไรขึ้นบนหน้าจอ