ตั้งการทดสอบถดถอยทางภาพ

กระบวนการ

ทำตามลำดับนี้

1. เลือกหน้าและสถานะคอมโพเนนต์สำคัญ รวมจุดพักตอบสนอง ข้อผิดพลาด สถานะว่าง และสถานะปฏิสัมพันธ์
2. ทำให้สภาพแวดล้อมเรนเดอร์แน่นอน โดยตรึงเบราว์เซอร์ วิวพอร์ต ฟอนต์ ภาษาท้องถิ่น เวลา พฤติกรรมแอนิเมชัน ข้อมูล และการพึ่งพาเครือข่าย
3. ลงมือการยืนยันภาพหน้าจอด้วยตัวระบุคงที่ และปิดบังหรือแทนที่บริเวณที่พลวัตจริง
4. สร้างเส้นฐานในสภาพแวดล้อมเดียวกับการเทียบต่อเนื่อง และทบทวนทุกภาพเส้นฐานด้วยมือ
5. รันการเทียบซ้ำเพื่อหาพิกเซลที่แกว่ง ปรับการรอพร้อมหรือค่าทนที่แคบและมีเหตุ แทนการซ่อนพื้นที่กว้าง
6. เพิ่มชุดและอาร์ติแฟกต์ภาพเข้า CI กำหนดกระบวนการทบทวนการอัปเดตเส้นฐานชัด และทดสอบว่าการเปลี่ยนภาพที่ตั้งใจถูกจับ

เตรียมสิ่งนี้

ข้อมูลที่แมวจะขอ

• อินเทอร์เฟซที่รันได้และสถานะสำคัญ
• เมทริกซ์เบราว์เซอร์และวิวพอร์ตที่รองรับ
• สภาพแวดล้อม CI
• นโยบายเก็บเส้นฐาน

เราเตอร์ + playbook เดียว

จัดเส้นทางก่อน เลือกอันเดียว

Cat Paw โหลด playbook เดียวต่องาน ไม่ผสมหลายอัน เริ่มที่เราเตอร์นี้ เส้นทางที่เหลือเป็นตัวเลือกเฉพาะ workflow

• เราเตอร์: engineering-pack
• skills/engineering/alirezarezvani/senior-qa/SKILL.md
• skills/product/pm-execution/test-scenarios/SKILL.md

เสร็จหมายถึง

จุดจบที่ตรวจได้

สถานะสำคัญมีเส้นฐานที่ทบทวนแล้ว รันซ้ำเสถียรใน CI และการกลายภาพที่ควบคุมทำให้การทดสอบล้มเหลวตามคาดพร้อมอาร์ติแฟกต์ส่วนต่าง

แหล่งที่มา

กระบวนการนี้มาจากไหน

1. playwright.dev/docs/test-snapshots
2. learn.microsoft.com/en-us/azure/app-testing/playwright-workspaces/how-to-configure-visual-comparisons

แหล่งที่มาตั้งรูปแบบของ workflow โพสต์ Reddit และชุมชน ถ้ามี ให้ถือเป็นเรื่องเล่าจากผู้ปฏิบัติ ไม่ใช่ข้อเท็จจริงสากล