메서드

다음 메서드들은 글로벌 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:
  • 필수: 아니오
  • 타입: 옵션 객체, 비교/확인 옵션 참조

출력:

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