สรุปจากการแบ่งปันเรื่อง Automated testing with Cypress เป็นเวลา 2 วันเป็นการเขียน test script ด้วย Cypress เป็นภาษา JavaScriptโดยสิ่งที่แบ่งปันเป็นดังนี้
cypress Archive
Tips :: การจัดการ tab ใน web browser ด้วย Cypress
คำถามเกี่ยวกับการใช้งาน Cypress ถ้าในระบบ web application ที่ทำการทดสอบแบบอัตโนมัติด้วย Cypressมีการกด link หรือ ปุ่ม แล้วระบบทำการเปิด window หรือ tab ใหม่ขึ้นมาเราจะทำการตรวจสอบการทำงานอย่างไรได้บ้าง
เพิ่งเห็น data test id ในหน้า web
หลังจากที่ facebook ล่มไปนั้นก็ไปเจอหน้า login ของ facebook ที่ไม่ได้เห็นนานมาก ๆเลยได้เห็นว่า ใน html tag นั้นมีการใส่ data-testid เข้ามาเป็น attribute หนึ่งด้วยซึ่งถ้าในแง่ของการทดสอบ UI test นั้นมันคือหนึ่งในแนวทาง ในการเข้าถึง element แบบไม่ผูกมัดกับ UI มากนักซึ่งช่วยลดการพังง่ายของการทดสอบนั่นเอง
บันทึกการแก้ปัญหา Cannot read properties of undefined (reading ‘REACT_APP_SC_ATTR’)
ปัญหาที่เจอ ในการทดสอบ component testing ด้วย Cypressโดยสิ่งที่ใช้งานประบกอบไปด้วย Vite + ReactJS + TypeScript มีใช้งาน styled component !! เมื่อสร้างและ run component testing จะเจอปัญหาดังรูป
ปรับปรุง performance การทดสอบของ Cypress ให้เร็วขึ้น
ปัญหาที่เจอคือ ชุดการทดสอบ User Interface ผ่าน Web browser ด้วย Cypress มันช้าขึ้นเรื่อย ๆทำให้ได้รับ feedback ที่ช้าเกินไปดังนั้นมาปรับปรุงกันหน่อย
ลองใช้งาน Component testing ของ Cypress กันหน่อย
จาก Cypress 10 นั้นได้เพิ่ม component testing ใน beta version ออกมาให้ลองใช้งาน ตอนนี้เป็น 10.1.0 แล้วนะซึ่งสนับสนุนระบบที่พัฒนาตามแนวทางของ Component Driven User Interfaceยกตัวอย่างเช่น React และ Vue เป็นต้นดังนั้นมาลองใช้งานกันดู
ทำการ export user flow จากการ record ใน Google Chrome Recorder มาอยู่ในรูปแบบของ Cypress
ว่าง ๆ มาดูกันว่า เราจะทำการ export user flow ที่ record จาก Chrome Recorderมาอยู่ในรูปแบบของ Cypress เพื่อใช้ทดสอบระบบงานต่อไปโดยสามารถใช้งานผ่าน Cypress Recorder Extension ใน Google Chromeหรือจะติดตั้งผ่าน NPM/NPX ได้เช่นกัน
ว่าด้วยเรื่อง Component Testing ของ Cypress
จากที่คุยเรื่อง Component Testing ของ Cypress ใน alpha versionหรือเรียกว่า Cypress Component Testing Libraryพบว่า มีความเข้าใจผิดเรื่องของ Component testing นิดหน่อยเพราะว่า ชื่อดันไปเหมือนกับ Service Component Testing ใน Microservices อีกด้วยจึงทำการอธิบายไว้นิดหน่อย
สรุปจากบทความเปรียบเทียบความเร็วของ Cypress vs Selenium vs Playwright vs Puppeteer
วันนี้อ่านบทความ Cypress vs Selenium vs Playwright vs Puppeteer speed comparisonทำการเปรียบเทียบความเร็วของการทดสอบของเครื่องมือแต่ละตัวประกอบไปด้วย Cypress Selenium Playwright Puppeteer เป็นเครื่องมือสำหรับการทดสอบแบบ End-to-End ผ่าน web browser
ว่าด้วยเรื่อง Intercept ใน Cypress 6.0
ใน Cypress 6.0 ที่เพิ่งปล่อยออกมานั้น มีเรื่องที่น่าสนใจ เพราะว่าผมก็ใช้งานเป็นประจำ นั่นก็คือ cy.intercept ที่จะเข้ามาแทน cy.route สำหรับทำการจำลองการทำงานของ network หรือ Network stub นั่นเอง ที่สำคัญทาง Cypress ก็เขียน blob มาอธิบายเรื่องนี้อีกด้วย ลองไปอ่านกันดู Introducing cy.intercept – Next Generation Network Stubbing in Cypress