Cypress — Cookies{Should, Set}

Cookie
สำหรับชาวไอทีโดยส่วนใหญ่คงคุ้นชินกับคำว่า Cookie กันเป็นอย่างดี ซึ่งหน้าที่ของคุกกี้คือ เพื่อให้ผู้รับบริการสามารถใช้บริการได้อย่างต่อเนื่องและอำนวยความสะดวกในการใช้งานเว็บไซต์ รวมถึงช่วยให้ผู้ให้บริการปรับปรุงการนำเสนอเนื้อหาตรงตามวัตถุประสงค์ความต้องการของผู้รับบริการ

PDPA
PDPA คือ พระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล ซึ่งเป็นกฎหมายที่ถูกสร้างมาเพื่อป้องกันการละเมิดข้อมูลส่วนบุคคลของทุกคน รวมถึงการจัดเก็บข้อมูลและนำไปใช้โดยไม่ได้แจ้งให้ทราบ และไม่ได้รับความยินยอมจากเจ้าของข้อมูลเสียก่อน อ้างอิง

เกริ่นนำเกี่ยวกับ ความหมายและหน้าที่ของ Cookie และ PDPA ไว้สักเล็กน้อยแล้ว
ต่อมาเข้าเรื่องด้วยการนำ Cypress มาตรวจสอบข้อมูลที่บันทึกไว้ใน Cookie และ การได้รับความยินยอมการจัดเก็บข้อมูลตาม พรบ PDPA กันเลย . . . แต่ก่อนที่จะไปที่การเขียน Code เราลองมาทดสอบเล่นด้วยตัวเองก่อนว่า มีการบันทึกข้อมูลไว้ที่ Cookie นั้นเป็นอย่างไร

1. เริ่มต้นด้วยการเข้าใช้งานเวปไซต์ https://www.tqm.co.th/
2. แสดง Modal ขอความยินยอมการใช้คุกกี้จัดเก็บข้อมูล กดปุ่ม รับทราบ

3. Cookie แสดง allow_cookie : Y เห็นได้ว่าเมื่อเรากดปุ่มรับทราบ จะมีการบันทึก การขอความยินยอมการใช้คุ้กกี้เป็นที่เรียบร้อยแล้ว

เราสามารถเปลี่ยน Value จาก Y เป็น N ได้ด้วยตัวเอง จากนั้นทำงาน Refresh หน้าจอหนึ่งครั้ง เราก็จะพบกับ Modal ขอความยินยอมการใช้คุกกี้อีกครั้ง

วิธีดูข้อมูลที่บันทึกไว้ใน Cookie สามารถทำได้ดังนี้
3.1 คลิกขวาที่หน้าเวปไซต์
3.2 เลือก Inspect
3.3 คลิกแทป Application > Cookies

4.คลิกปุ่ม ค้นหาแผนประกัน

5.แสดง Modal เอกสารขอความยินยอมให้เก็บรวบรวมข้อมูลและเปิดเผยข้อมูลส่วนบุคคล (PDPA) > กดปุ่ม ตกลง
6.Cookie แสดง consented: true

เมื่อเราเห็นกระบวนการบันทึกข้อมูลไว้ที่ Cookie เป็นที่เรียบร้อยแล้ว ต่อมาเราจะมาทำการเขียน Code — Cypress ตรวจสอบความถูกต้องของข้อมูลที่บันทึกไว้ใน Cookie กันต่อเลย

Cookie — Should

อธิบายโค้ด
บรรทัดที่ 2 เข้าสู่เวปไซต์
บรรทัดที่ 04–24 ระบุข้อมูลรถยนต์
บรรทัดที่ 26–28 ระบุข้อมูลส่วนตัว
บรรทัดที่ 30–32 คลิก Checkbox ข้าพเจ้าผู้สมัคร/ผู้ใช้บริการได้อ่าน และเข้าใจข้อกำหนดและเงื่อนไข…เก็บรวบรวมใช้ และ/หรือเปิดเผยข้อมูลส่วนบุคคลของข้าพเจ้าภายใต้ข้อกำหนดและเงื่อนไขดังกล่าวข้างต้น
บรรทัดที่ 33 คลิกรับทราบ การใช้คุกกี้
บรรทัดที่ 35 ตรวจสอบการบันทึกข้อมูลใน cookie ชื่อ allow_cookie โดย value = Y
บรรทัดที่ 36 ตรวจสอบการบันทึกข้อมูลใน cookie ชื่อ consented โดย value = true
บรรทัดที่ 37 ตรวจสอบการบันทึกข้อมูลใน cookie ชื่อ ssid โดย value != ค่าว่าง

7. แสดงการตรวจ cookie ชื่อ allow_cookie โดย value = Y
8. แสดงการตรวจ cookie ชื่อ consented โดย value = true
9. แสดงการตรวจ cookie ชื่อ ssid โดย value != ค่าว่าง

Cookie — Set

เมื่อเราได้รู้วิธีการตรวจสอบการบันทึกข้อมูลใน Cookie กันมาแล้ว ถัดมามาต่อกันอีกนิดเกี่ยวกับการ Set ค่าหรือบันทึกค่าลงไปใน Cookie ด้วยการเขียน Code

อธิบายโค้ด
บรรทัดที่ 2 เข้าสู่เวปไซต์
บรรทัดที่ 3 บันทึกข้อมูลลงใน Cookie ชื่อ best-insurance โดย Value = tqm
บรรทัดที่ 4 ตรวจสอบการบันทึกข้อมูลใน cookie ชื่อ best-insurance โดย value = tqm

1. แสดงการ Set cookie ชื่อ best-insurance โดย Value = tqm
2. แสดงการ Set cookie ชื่อ best-insurance โดย Value = tqm
3. แสดงการตรวจสอบ cookie ชื่อ best-insurance โดย Value = tqm

บทความที่เกี่ยวข้อง

Cypress — Lodash{omit,pick,merge}

Cypress — Location

Cypress — Truncate

Cypress — Reverse

Cypress — { Only, Skip }

Cypress — Faker Library

. . . . . . . . . . . . . . กลับสู่หน้าหลัก . . . . . . . . . . . . . .