Cypress.io Thailand

30/05/2024

Cypress 13.10 รองรับการทำ Component Testing บน Vite 5.0 แล้ว

30/08/2023

มีอะไรใหม่ใน Cypress 13 มาดูกัน

21/02/2023

บทความแนะนำการเขียน Component Testing บน Next.js 13 ด้วย Cypress

Level up your testing game with Component Testing!

Learn best practices for structuring your app and customizing your testing experience, plus check out the new changes in Next.js version 13.

https://www.cypress.io/blog/2023/02/16/component-testing-next-js-with-cypress/?utm_medium=blog&utm_source=social_media&utm_term=linkedin&utm_content=blog_component_testing_nextjs

13/01/2023

New Year New Look!
เว็บไซต์อย่างเป็นทางการของ Cypress กับ UI Design ใหม่สีสันสวยงาม อย่าลืมเข้าไปเยี่ยมชมกันนะครับ https://www.cypress.io

13/12/2022

อัพเดตใหม่ใน Cypress 12.1.0 🫰

- เพิ่ม 2 commands ใหม่
👉 cy.getAllCookies(); ใช้ในการดึง cookies ทั้งหมดใน browser เพื่อใช้สำหรับ verify cookies ต่างๆ ได้ง่ายๆ
👉 cy.clearAllCookies(); โดยปกติแล้ว Cypress จะ clear all cookies ระหว่างการรันเทสแต่ละข้ออยู่แล้ว ดังนั้นจริงๆ แล้ว command นี้ไม่จำเป็นต้องเรียกใช้ ยกเว้นว่าเราอยากจะ clear cookies ใน step ของการรันเทสในข้อนั้นๆ หรือในกรณีที่มีการ disable "testIsolation" flag ไว้

- ปรับ behavior ของ "experimentalRunAllSpecs" flag ให้ทำการรันเทสทุกๆ spec files ใน new tab ของ browser แทนที่จะต้องปิดและเปิด browser ใหม่ ซึ่งจะมีผลทำให้การเทสของเราใช้เวลาน้อยลงด้วย

07/12/2022

Cypress 12.0.0 มาแล้ว!

- เวอร์ชันนี้มาพร้อมกับการประกาศรองรับการทำ Multiple Origin Testing อย่างเต็มรูปแบบด้วยการใช้ cy.origin() เพื่อใช้เทส Web Application ข้าม Domain กันได้แล้ว ซึ่งจะทำให้เราสามารถเขียน Automated Test เพื่อทำการ Login ผ่าน Authentication System ข้าม Domain เช่น Google, Facebook Login ด้วย Cypress ได้อย่างเต็มที่แล้ว!

- โดยเราสามารถที่จะเลือกให้มีการ Cache, Restore Cookies, localStorage และ sessionStorage ได้อีกด้วย ซึ่งจะทำให้เทสของเราไม่ต้องทำ step login ซ้ำๆ กันในการรันเทสแต่ละข้ออีกต่อไป ซึ่งจะช่วยให้ใช้เวลาในการรันเทสน้อยลงอย่างมีนัยสำคัญ

- เพิ่ม config option "testIsolation" เข้าไปใน Test Suite ได้แล้วเพื่อทำให้เราสามารถ clean up test sate ต่างๆ ได้เช่น aliases, clock mocks, intercepts, routes, spies, stubes, viewport changes เป็นต้น ซึ่งเป็นหนึ่งใน "Best Practices" ที่ Cypress อยากแนะนำให้คุณเขียนเทสแบบ independent test เพื่อให้เกิด reliable tests ในระยะยาว

- Drop Support Node.js 12, 15 และ 17 เนื่องจากเป็นเวอร์ชันที่เข้าสู่สถานะ end-of-life แล้ว ทำให้ตอนนี้การ Install Cypress ในเครื่องของคุณจะต้องใช้ Node.js 14, 16 หรือ 18 ขึ้นไปแล้วนะ!

09/11/2022

Cypress 11.0 มาแล้ว!
มาพร้อมกับการประกาศให้ Feature Component Testing บน Cypress เป็น GA (General Availability) แล้ว หลังจากอยู่ในสถานะ Beta มานาน ซึ่งจะทำให้ทุกๆ ความสามารถใน Component Testing จะถูก maintain และไม่มี breaking changes ไปจนกว่าจะมี major release ใหม่ในอนาคต
โดยปัจจุบัน Component Testing ใน Cypress รองรับการเขียนเทสบน Web Framework ชื่อดังมากมาย ไม่ว่าจะเป็น React, Vue, Next.js และ Angular แบบ ​GA support และ Svelte, Nuxt อยู่ใน Alpha support เช่นเดิม (และมีแพลนที่จะอัพเดตเป็น GA support ในอนาคต)
นอกจากนี้ Cypress ยังปรับปรุง Startup Performance ของแอพให้โหลดได้เร็วขึ้นกว่าเวอร์ชันก่อนๆ มากกว่า 85% เลย เมื่อคุณได้อัพเกรดแล้วจะเห็นความแตกต่างขึ้นอย่างแน่นอน
สามารถติดตามอ่านข้อมูลการอัพเกรดครั้งนี้อย่างละเอียดได้ที่ Official Blog ของ Cypress ที่ลิ้งค์นี้ได้เลย https://www.cypress.io/blog/2022/11/08/announcing-cypress-11

12/10/2022

🎉10.10 แล้วอย่ามัวช็อปออนไลน์กันเพลิน เพราะ Cypress ออกเวอร์ชัน 10.10 เช่นกัน มีอะไรใหม่บ้างมาดูกัน
1. Force ให้การเรียกใช้ cy.origin() ใน url parameter ให้กำหนดค่าตาม origin url ของ auth เช่น จากเดิมที่ใช้เป็น https://foobar.com ได้ ตอนนี้จะต้องระบุเป็น https://www.foobar.com แล้วนะ
2. Fix การ Watch Files เมื่อมีการสั่งรัน Cypress Component Testing แบบ Run Mode แล้ว (จะ Watch Files ก็ต่อเมื่อรันด้วย Cypress open --component เท่านั้น)
3. ปรับปรุงเรื่อง Network Connection เมื่อรันเทสร่วมกับ Firefox v105 ให้ใช้งานได้ตามปกติแล้ว
ติดตามรายละเอียด Changes ทั้งหมดได้ที่ https://docs.cypress.io/guides/references/changelog #10-10-0

28/09/2022

Cypress 10.9.0 ออกแล้ว! 🎉 มีอะไรใหม่บ้าง มาดูกัน

1. รองรับการ reuse cache session ข้าม spec files ได้แล้ว! โดยการเพิ่ม parameter "cacheAcrossSpecs" เข้าไปใน cy.session() ก็จะทำให้เราสามารถทำ login เพียงครั้งเดียวและ reuse ใช้ session เดิมในหลายๆ spec files พร้อมกันได้ เหมาะกับการนำไปรันแบบ parallel tests มากๆ

2. รองรับการ import Node.js dependencies ต่างๆ ใน cy.origin() แล้ว โดยปกติเราจะไม่สามารถเรียกใช้ node.js library ต่างๆ ใน callback function scope ของ cy.origin() ได้ ตอนนี้ทำได้โดยการเรียกผ่าน Cypress.require() ได้เลย

3. รองรับการ navigate cross-origin url ใน cy.origin() callback function แล้ว ซึ่งจะช่วยให้เราสามารถนำไปประยุกต์ใช้กับการทำ login ที่ต้องมีการทำ url redirect ข้าม origin กันได้แล้ว ปลดล็อคการเทสไปอีกขั้นเลย

ยังมีการอัพเดต feature และ bug fixes อื่นๆ เพิ่มเติมอีก สามารถไปดูได้ที่ https://docs.cypress.io/guides/references/changelog #10-9-0 เลยนะครับ

14/09/2022

Cypress 10.8.0 ออกแล้ว! มีอะไรใหม่บ้างมาดูกัน 🎉

02/09/2022

Cypress 10.7.0 ออกแล้ว มีอะไรใหม่ๆ บ้าง มาดูกัน

18/08/2022

มาเริ่มต้นเขียน Angular Component Testing ด้วย Cypress แบบ Step by Step โดย Jordan Powell, DX Engineer ของ Cypress มาแนะนำด้วยตัวเองเลย

We are excited to announce that in Cypress version 10.5 we’ve added support for Component Testing in Angular! Cypress Component Testing provides a testable c...