วิธีใช้ Screenshots ใน Robot Framework

การใช้งานฟีเจอร์ Screenshots ใน Robot Framework เป็นวิธีที่ดีในการสร้างเอกสารและรายงานทดสอบ มันช่วยให้เราเห็นถึงสถานะของ UI ในขณะที่การทดสอบกำลังดำเนินการ หรือในระหว่างการตรวจสอบข้อผิดพลาด มาดูวิธีการใช้งานฟีเจอร์นี้กัน

ขั้นตอนที่ 1: ติดตั้ง Robot Framework และ SeleniumLibrary

ถ้าคุณยังไม่มี Robot Framework และ SeleniumLibrary คุณสามารถติดตั้งได้ด้วย pip ดังนี้:

shellCopy codepip install robotframework
pip install robotframework-seleniumlibrary

ขั้นตอนที่ 2: สร้างไฟล์ .robot สำหรับทดสอบ

เราสามารถสร้างไฟล์ .robot ได้ด้วยการสร้างไฟล์ text ปกติ แล้วเปลี่ยนนามสกุลเป็น .robot เช่น test.robot

ขั้นตอนที่ 3: การใช้คำสั่ง Capture Page Screenshot

ภายในไฟล์ test.robot ของคุณ คุณสามารถใช้คำสั่ง Capture Page Screenshot ในการถ่ายภาพหน้าเว็บปัจจุบัน ดังตัวอย่าง:

robotCopy code*** Settings ***
Library           SeleniumLibrary

*** Variables ***
${URL}            https://www.example.com
${BROWSER}        Chrome

*** Test Cases ***
Capture Screenshot Test Case
    Open Browser    ${URL}    ${BROWSER}
    Capture Page Screenshot
    Close Browser

ในที่นี้ เราเปิด Browser ที่ URL ที่กำหนด จากนั้นเราใช้คำสั่ง Capture Page Screenshot เพื่อถ่ายภาพหน้าเว็บปัจจุบัน และท้ายที่สุดเราปิด Browser

ขั้นตอนที่ 4: การรัน Robot Framework

คุณสามารถรันไฟล์ .robot ที่คุณสร้างขึ้นด้วยคำสั่ง:

shellCopy coderobot test.robot

หลังจากนั้น Browser ถูกเปิดขึ้น และถ่ายภาพหน้าเว็บปัจจุบัน ภาพจะถูกบันทึกไว้ที่โฟลเดอร์ที่เดียวกับไฟล์ .robot และจะมีชื่อดังนี้: selenium-screenshot-1.png

ขั้นตอนที่ 5: การกำหนดชื่อและ path สำหรับภาพถ่าย

คุณสามารถกำหนดชื่อและ path สำหรับภาพถ่ายหน้าจอโดยการส่งพารามิเตอร์ไปในคำสั่ง Capture Page Screenshot ดังนี้:

robotCopy code*** Test Cases ***
Capture Screenshot With Custom Name
    Open Browser    ${URL}    ${BROWSER}
    Capture Page Screenshot    custom_name.png
    Close Browser

ในตัวอย่างนี้ ภาพถ่ายหน้าจอจะถูกบันทึกไว้ในไฟล์ custom_name.png

ขั้นตอนที่ 6: การถ่ายภาพส่วนของหน้าจอ

ถ้าคุณต้องการถ่ายภาพส่วนหนึ่งของหน้าจอ คุณสามารถใช้คำสั่ง Capture Element Screenshot และระบุ locator ของ element ที่คุณต้องการถ่ายภาพ:

robotCopy code*** Test Cases ***
Capture Element Screenshot
    Open Browser    ${URL}    ${BROWSER}
    Capture Element Screenshot    id=myElement
    Close Browser

ในตัวอย่างนี้ ภาพถ่ายของ element ที่มี id เป็น ‘myElement’ จะถูกบันทึกลงในไฟล์ selenium-element-screenshot-1.png

การใช้คำสั่งเหล่านี้ใน Robot Framework จะช่วยให้คุณสามารถสร้างรายงานที่มีรายละเอียดและชัดเจนเพิ่มขึ้น โดยใช้ภาพถ่ายหน้าจอเป็นหลักฐาน