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:
    • Kiểu: WebdriverIO Element
  • tag:
    • Bắt buộ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:
    • 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:
    • 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:
    • 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 savecheck 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:
    • Kiểu: WebdriverIO Element
  • tag:
    • Bắt buộ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:
    • 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:
    • 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:
    • Kiểu: string
  • checkTabbableOptions:

Đầu ra:

Xem trang Test Output.

Welcome! How can I help?

WebdriverIO AI Copilot