Cypress V.4 release แล้ว แต่ default ของ cypress ยังไม่มี firefox ให้ใช้ run test ละ มาเพิ่ม firefox ให้ cypress รู้จักกันเถอะ

เมื่อมีข่าวจากทีม dev ของ cypress อัพเดทว่า cypress v.4 release ออกมาได้สักพักผมเองก็ไม่รอช้าทดลอง setup cypress project เพื่อเช็คเรื่องนี้กันสักหน่อย ปรากฏว่า cypress ยังไม่สามารถเข้าถึง variable firefox (หรือglobal variable ที่ command line access เข้าถึงได้) โดยเครื่องผมเองก็ใช้ Firefox browser มาตั้งนานแล้ว

Image for post
Image for post
Image for post
Image for post

เจอแบบนี้ก็เกิดความสงสัยและก็ไปได้วิธีการเพิ่ม config ของ cypress ให้รู้จัก Firefox บนเครื่องของเราได้ ด้วยการใช้วิธีการตามนี้ ผมลองแล้วมัน work ดี

Image for post
Image for post

เริ่มการเพิ่ม plugin config ของ Cypress ที่ */cypress/plugins/index.js

  • ทำการ implement cypress config : config.browsers ซึ่งคือ array ที่รับค่า config browser แค่ละตัวอยู่แล้วโดยการเพิ่ม config ของ firefox เข้าไปในตัวแปรที่ชื่อว่า browsers โดยการ push config object ของ firefox เข้าไป
  • จากนั้น override ค่า browsers โดยเอาค่าใหม่ override ทับค่าเดิมจากนั้นลอง restart cypress อีกครั้ง
  • npx cypress open
Image for post
Image for post
Image for post
Image for post

ทดสอบ run example testcase ของ cypress ด้วย firefox ซะเลย

Image for post
Image for post

เป็นอันเรียบร้อยเราก็มี Firefox ใช้ Test กับระบบของเราเรียบร้อยแล้วจร้า

Written by

Senior Developer @Telecom, Full Stack Developer [Subscribe Me @poolsawat.com]

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store