Cypress — Lodash{omit,pick,merge}
ในโลกของ JavaScript มีไลบราลี่อยู่ตัวนึงชื่อว่า Lodash เป็นไลบราลี่ที่ทำหน้ารวบรวมฟังก์ชันต่างๆ ไว้มากมายเพื่อให้ง่ายต่อเขียนโค้ด ซึ่ง Cypress เอง ก็ได้มีการเอา Lodash เข้ามาใช้งานร่วมกัน ทำให้เราสามารถใช้ Lodash ควบคู่กับ Cypress ได้นั้นเอง
คำสั่ง omit ทำหน้าที่ตัด properties บางตัวที่ไม่ต้องการนำมาใช้งาน
อธิบายโค้ด
บรรทัดที่ 1 ประกาศตัวแปรชื่อว่า _ โดยดึงมาจาก cypress ซึ่ง _ จะเป็นศูนย์รวมของไลบราลี่ Lodash
บรรทัดที่ 5–9 ประกาศตัวแปร Object health
บรรทัดที่ 10 เรียกใช้คำสั่ง omit ทำการระบุ object: health และ ระบุ properties ที่ต้องการตัดทิ้งออก ในตัวอย่างนี้เราจะตัด properties gender และ birthday
สุดท้ายทำการตรวจสอบข้อมูลด้วยคำสั่ง to.deep (ใช้สำหรับตรวจสอบข้อมูลที่เป็น Object)
ผลลัพธ์สุดท้ายคือ
{ healthType: 'cancer' }Run Cypress: แสดงการตรวจสอบข้อมูลด้วยคำสั่ง to.deep
คำสั่ง pick ทำหน้าที่เลือก properties บางตัวที่ต้องการนำมาใช้งาน
อธิบายโค้ด
บรรทัดที่ 1 ประกาศตัวแปรชื่อว่า _ โดยดึงมาจาก cypress ซึ่ง _ จะเป็นศูนย์รวมของไลบราลี่ Lodash
บรรทัดที่ 5–9 ประกาศตัวแปร Object health
บรรทัดที่ 10 เรียกใช้คำสั่ง pick ทำการระบุ object: health และ ระบุ properties ที่ต้องการนำมาใช้งาน ในตัวอย่างนี้เราจะเลือก properties healthType และ birthday สุดท้ายทำการตรวจสอบข้อมูลด้วยคำสั่ง to.deep (ใช้สำหรับตรวจสอบข้อมูลที่เป็น Object)
ผลลัพธ์สุดท้ายคือ
{ healthType: 'cancer', birthday: '28/10/2000' }Run Cypress: แสดงการตรวจสอบข้อมูลด้วยคำสั่ง to.deep
คำสั่ง merge ทำหน้าที่รวม object หรือถ้ามีค่าซ้ำบางตัวก็จะทำการแทนค่าทับ
การทำงานของ merge คือ
- ถ้าค่าใน object ที่ 2 ซ้ำกับ object ที่ 1 ก็จะโดนแทนค่าทับ
ดังตัวอย่างนี้ healthType จาก cancer ก็จะโดนแทนค่าเป็น health - ถ้าค่าใน object ที่ 2 ไม่ซ้ำกับ object ที่ 1 ก็จะทำการรวม object กัน
ดังตัวอย่างนี้ จากเดิมที่ไม่มี broker ก็จะทำการรวม broker เข้าไปด้วย
อธิบายโค้ด
บรรทัดที่ 1 ประกาศตัวแปรชื่อว่า _ โดยดึงมาจาก cypress ซึ่ง _ จะเป็นศูนย์รวมของไลบราลี่ Lodash
บรรทัดที่ 6 เรียกใช้คำสั่ง merge
บรรทัดที่ 7 เพิ่ม object ตัวที่ 1
บรรทัดที่ 8 เพิ่ม object ตัวที่ 2
บรรทัดที่ 10 เรียกใช้คำสั่ง pick ทำการระบุ object: health และ ระบุ properties ที่ต้องการนำมาใช้งาน ในตัวอย่างนี้เราจะเลือก properties healthType และ birthday สุดท้ายทำการตรวจสอบข้อมูลด้วยคำสั่ง to.deep (ใช้สำหรับตรวจสอบข้อมูลที่เป็น Object)
ผลลัพธ์สุดท้ายคือ
{ healthType: 'health', gender: 'female', broker: 'tqm' }Run Cypress: แสดงการตรวจสอบข้อมูลด้วยคำสั่ง to.deep
บทความที่เกี่ยวข้อง
