cypress Archive

บันทึกการแก้ปัญหา Cannot read properties of undefined (reading ‘REACT_APP_SC_ATTR’)

ปัญหาที่เจอ ในการทดสอบ component testing ด้วย Cypressโดยสิ่งที่ใช้งานประบกอบไปด้วย Vite + ReactJS + TypeScript มีใช้งาน styled component !! เมื่อสร้างและ run component testing จะเจอปัญหาดังรูป

Read More…

ปรับปรุง performance การทดสอบของ Cypress ให้เร็วขึ้น

ปัญหาที่เจอคือ ชุดการทดสอบ User Interface ผ่าน Web browser ด้วย Cypress มันช้าขึ้นเรื่อย ๆทำให้ได้รับ feedback ที่ช้าเกินไปดังนั้นมาปรับปรุงกันหน่อย

Read More…

ลองใช้งาน Component testing ของ Cypress กันหน่อย

จาก Cypress 10 นั้นได้เพิ่ม component testing ใน beta version ออกมาให้ลองใช้งาน ตอนนี้เป็น 10.1.0 แล้วนะซึ่งสนับสนุนระบบที่พัฒนาตามแนวทางของ Component Driven User Interfaceยกตัวอย่างเช่น React และ Vue เป็นต้นดังนั้นมาลองใช้งานกันดู

Read More…

ทำการ export user flow จากการ record ใน Google Chrome Recorder มาอยู่ในรูปแบบของ Cypress

ว่าง ๆ มาดูกันว่า เราจะทำการ export user flow ที่ record จาก Chrome Recorderมาอยู่ในรูปแบบของ Cypress เพื่อใช้ทดสอบระบบงานต่อไปโดยสามารถใช้งานผ่าน Cypress Recorder Extension ใน Google Chromeหรือจะติดตั้งผ่าน NPM/NPX ได้เช่นกัน

Read More…

ว่าด้วยเรื่อง Component Testing ของ Cypress

จากที่คุยเรื่อง Component Testing ของ Cypress ใน alpha versionหรือเรียกว่า Cypress Component Testing Libraryพบว่า มีความเข้าใจผิดเรื่องของ Component testing นิดหน่อยเพราะว่า ชื่อดันไปเหมือนกับ Service Component Testing ใน Microservices อีกด้วยจึงทำการอธิบายไว้นิดหน่อย

Read More…

สรุปจากบทความเปรียบเทียบความเร็วของ 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

Read More…

ว่าด้วยเรื่อง 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

Read More…

ทำความรู้จัก Flakiness testing และแก้ไขนิดหน่อย

ปัญหาที่เจอบ่อยมาก ๆ สำหรับการทดสอบแบบ End-to-End ยิ่งทดสอบผ่าน User Interface หรือ ระบบที่ต้องทำงานผ่านระบบ network คือ ทดสอบผ่านบ้าง ไม่ผ่านบ้าง โดยที่ code ไม่เปลี่ยนแปลงใด ๆ เลย !!ปัญหานี้จะถูกเรียกว่า Flakiness testing

Read More…

Cypress 4.0.1 แก้ไข bug เร็วมาก

เพิ่งลองใช้งาน Cypress 4.0.0 ไปเมื่อวานแน่นอนว่า เจอปัญหาพอสมควรซึ่งก็มีคนใช้งานเจอปัญหาและส่ง issue ไปยังทีมพัฒนาโดยในวันนี้ทำการแก้ไขเรียบร้อยแล้ว รวดเร็วมาก ๆจนได้ปล่อย version 4.0.1 ออกมา !!

Read More…

สวัสดี Cypress 4.0.0 มาพร้อมกับ Firefox และ Edge

ทางทีมพัฒนา Cypress ได้ปล่อย  version 4.0.0 ออกมาแล้ว โดยความสามารถที่คนใช้งานเฝ้ารอก็ออกมาแล้วคือ สนับสนุนทั้ง Firefox และ Microsoft Edge (Chromium based) บน Windows OS เท่านั้นนะ มาลองใช้งานกันหน่อย

Read More…