메인 컨텐츠로 건너뛰기

메서드

다음 메서드들은 글로벌 WebdriverIO browser-객체에 추가됩니다.

저장 메서드

화면을 비교하지 않고 요소/스크린샷만 저장하고 싶을 때만 저장 메서드를 사용하세요.

saveElement

요소의 이미지를 저장합니다.

사용법

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

지원

  • 데스크톱 브라우저
  • 모바일 브라우저
  • 모바일 하이브리드 앱
  • 모바일 네이티브 앱

매개변수

  • element:
    • 필수:
    • 타입: WebdriverIO Element
  • tag:
    • 필수:
    • 타입: string
  • saveElementOptions:

출력:

테스트 출력 페이지를 참조하세요.

saveScreen

뷰포트의 이미지를 저장합니다.

사용법

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

지원

  • 데스크톱 브라우저
  • 모바일 브라우저
  • 모바일 하이브리드 앱
  • 모바일 네이티브 앱

매개변수

  • tag:
    • 필수:
    • 타입: string
  • saveScreenOptions:

출력:

테스트 출력 페이지를 참조하세요.

saveFullPageScreen

사용법

전체 화면의 이미지를 저장합니다.

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

지원

  • 데스크톱 브라우저
  • 모바일 브라우저

매개변수

  • tag:
    • 필수:
    • 타입: string
  • saveFullPageScreenOptions:

출력:

테스트 출력 페이지를 참조하세요.

saveTabbablePage

탭 가능한 선과 점이 표시된 전체 화면의 이미지를 저장합니다.

사용법

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

지원

  • 데스크톱 브라우저

매개변수

  • tag:
    • 필수:
    • 타입: string
  • saveTabbableOptions:

출력:

테스트 출력 페이지를 참조하세요.

확인 메서드

check-메서드를 처음 사용할 때 아래와 같은 경고가 로그에 표시됩니다. 기준 이미지를 생성하려는 경우 save- 및 check-메서드를 함께 사용할 필요가 없다는 의미입니다.

#####################################################################################
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

요소의 이미지를 기준 이미지와 비교합니다.

사용법

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

지원

  • 데스크톱 브라우저
  • 모바일 브라우저
  • 모바일 하이브리드 앱
  • 모바일 네이티브 앱

매개변수

  • element:
    • 필수:
    • 타입: WebdriverIO Element
  • tag:
    • 필수:
    • 타입: string
  • checkElementOptions:

출력:

테스트 출력 페이지를 참조하세요.

checkScreen

뷰포트의 이미지를 기준 이미지와 비교합니다.

사용법

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

지원

  • 데스크톱 브라우저
  • 모바일 브라우저
  • 모바일 하이브리드 앱
  • 모바일 네이티브 앱

매개변수

  • tag:
    • 필수:
    • 타입: string
  • checkScreenOptions:

출력:

테스트 출력 페이지를 참조하세요.

checkFullPageScreen

전체 화면의 이미지를 기준 이미지와 비교합니다.

사용법

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

지원

  • 데스크톱 브라우저
  • 모바일 브라우저

매개변수

  • tag:
    • 필수:
    • 타입: string
  • checkFullPageOptions:

출력:

테스트 출력 페이지를 참조하세요.

checkTabbablePage

탭 가능한 선과 점이 표시된 전체 화면 이미지를 기준 이미지와 비교합니다.

사용법

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

지원

  • 데스크톱 브라우저

매개변수

  • tag:
    • 필수:
    • 타입: string
  • checkTabbableOptions:

출력:

테스트 출력 페이지를 참조하세요.

Welcome! How can I help?

WebdriverIO AI Copilot