Chuyển đến nội dung chính

Phương thức

Các phương thức sau được thêm vào đối tượng toàn cục WebdriverIO browser.

Phương thức Lưu​

MẸO

Chỉ sử dụng các Phương thức Lưu khi bạn không muốn so sánh màn hình, mà chỉ muốn có ảnh chụp của một phần tử/màn hình.

saveElement​

Lưu hình ảnh của một phần tử.

Cách sử dụng​

await browser.saveElement(
    // element
    await $('#element-selector'),
    // tag
    'your-reference',
    // saveElementOptions
    {
        // ...
    }
);

Hỗ trợ​

  • Trình duyệt Desktop
  • Trình duyệt Di động
  • Ứng dụng Hybrid Di động
  • Ứng dụng Native Di động

Tham số​

  • element:
    • Bắt buộc: Có
    • Kiểu: WebdriverIO Element
  • tag:
    • Bắt buộc: Có
    • Kiểu: string
  • saveElementOptions:
    • Bắt buộc: Không
    • Kiểu: đối tượng chứa các tùy chọn, xem Save Options

Đầu ra:​

Xem trang Test Output.

saveScreen​

Lưu hình ảnh của viewport.

Cách sử dụng​

await browser.saveScreen(
    // tag
    'your-reference',
    // saveScreenOptions
    {
        // ...
    }
);

Hỗ trợ​

  • Trình duyệt Desktop
  • Trình duyệt Di động
  • Ứng dụng Hybrid Di động
  • Ứng dụng Native Di động

Tham số​

  • tag:
    • Bắt buộc: Có
    • Kiểu: string
  • saveScreenOptions:
    • Bắt buộc: Không
    • Kiểu: đối tượng chứa các tùy chọn, xem Save Options

Đầu ra:​

Xem trang Test Output.

saveFullPageScreen​

Cách sử dụng​

Lưu hình ảnh của toàn bộ màn hình.

await browser.saveFullPageScreen(
    // tag
    'your-reference',
    // saveFullPageScreenOptions
    {
        // ...
    }
);

Hỗ trợ​

  • Trình duyệt Desktop
  • Trình duyệt Di động

Tham số​

  • tag:
    • Bắt buộc: Có
    • Kiểu: string
  • saveFullPageScreenOptions:
    • Bắt buộc: Không
    • Kiểu: đối tượng chứa các tùy chọn, xem Save Options

Đầu ra:​

Xem trang Test Output.

saveTabbablePage​

Lưu hình ảnh của toàn bộ màn hình với các đường và điểm tabbable.

Cách sử dụng​

await browser.saveTabbablePage(
    // tag
    'your-reference',
    // saveTabbableOptions
    {
        // ...
    }
);

Hỗ trợ​

  • Trình duyệt Desktop

Tham số​

  • tag:
    • Bắt buộc: Có
    • Kiểu: string
  • saveTabbableOptions:
    • Bắt buộc: Không
    • Kiểu: đối tượng chứa các tùy chọn, xem Save Options

Đầu ra:​

Xem trang Test Output.

Phương thức Kiểm tra​

MẸO

Khi các phương thức check được sử dụng lần đầu tiên, bạn sẽ thấy cảnh báo dưới đây trong logs. Điều này có nghĩa là bạn không cần kết hợp phương thức save và check nếu bạn muốn tạo baseline của mình.

#####################################################################################
 Baseline image not found, save the actual image manually to the baseline.
 The image can be found here:
 /Users/wswebcreation/project/.tmp/actual/desktop_chrome/examplePage-chrome-latest-1366x768.png
 If you want the module to auto save a non existing image to the baseline you
 can provide 'autoSaveBaseline: true' to the options.
#####################################################################################

checkElement​

So sánh hình ảnh của một phần tử với hình ảnh baseline.

Cách sử dụng​

await browser.checkElement(
    // element
    '#element-selector',
    // tag
    'your-reference',
    // checkElementOptions
    {
        // ...
    }
);

Hỗ trợ​

  • Trình duyệt Desktop
  • Trình duyệt Di động
  • Ứng dụng Hybrid Di động
  • Ứng dụng Native Di động

Tham số​

  • element:
    • Bắt buộc: Có
    • Kiểu: WebdriverIO Element
  • tag:
    • Bắt buộc: Có
    • Kiểu: string
  • checkElementOptions:

Đầu ra:​

Xem trang Test Output.

checkScreen​

So sánh hình ảnh của viewport với hình ảnh baseline.

Cách sử dụng​

await browser.checkScreen(
    // tag
    'your-reference',
    // checkScreenOptions
    {
        // ...
    }
);

Hỗ trợ​

  • Trình duyệt Desktop
  • Trình duyệt Di động
  • Ứng dụng Hybrid Di động
  • Ứng dụng Native Di động

Tham số​

  • tag:
    • Bắt buộc: Có
    • Kiểu: string
  • checkScreenOptions:

Đầu ra:​

Xem trang Test Output.

checkFullPageScreen​

So sánh hình ảnh của toàn bộ màn hình với hình ảnh baseline.

Cách sử dụng​

await browser.checkFullPageScreen(
    // tag
    'your-reference',
    // checkFullPageOptions
    {
        // ...
    }
);

Hỗ trợ​

  • Trình duyệt Desktop
  • Trình duyệt Di động

Tham số​

  • tag:
    • Bắt buộc: Có
    • Kiểu: string
  • checkFullPageOptions:

Đầu ra:​

Xem trang Test Output.

checkTabbablePage​

So sánh hình ảnh của toàn bộ màn hình với các đường và điểm tabbable với hình ảnh baseline.

Cách sử dụng​

await browser.checkTabbablePage(
    // tag
    'your-reference',
    // checkTabbableOptions
    {
        // ...
    }
);

Hỗ trợ​

  • Trình duyệt Desktop

Tham số​

  • tag:
    • Bắt buộc: Có
    • Kiểu: string
  • checkTabbableOptions:

Đầu ra:​

Xem trang Test Output.

Welcome! How can I help?

WebdriverIO AI Copilot