WebdriverIO를 사용하여 네트워크 로그 캡처

네트워크 로그 캡처는 완전한 자동화의 핵심입니다.

종종 테스터는 자동화 경로를 진행하는 동안 언제 전화가 걸려올지 모른다는 블랙박스를 남깁니다. 이 도구 WebdriverIO는 puppeteer를 통해 Chrome 개발 도구 프로토콜을 사용하면 쉽게 달성할 수 있습니다.

요청 분석의 자동화를 달성하고 요청이 올바른 위치에서 이루어졌는지 확인할 수도 있습니다.

WebdriverIO로 수행하는 방법

모든 브라우저에서 사용할 수 있는 것은 아니므로 Chrome 브라우저에서 실행 중인지 확인하십시오.
wdio.conf.js 파일에 추가 변경 사항이 필요하지 않습니다.

추가 라이브러리도 필요하지 않습니다.

특정 유형의 요청을 캡처하려면 browser.mock 섹션에 컨트롤이 있습니다.

모든GET 통화를 캡처하려는 경우의 예

    var output = browser.mock('**',{method:'get'})
    browser.url('https://reqres.in')

모든POST 통화를 캡처하려는 경우의 예

    var output = browser.mock('**',{method:'post'})
    browser.url('https://reqres.in')

요청 URL에서 POST로 끝나는 모든 login 호출을 캡처하려는 경우의 예

    var output1 = browser.mock('**/login',{method:'post'})
    browser.url('https://the-internet.herokuapp.com/login')

요청 URL에서 POST로 끝나는 모든 authenticate 호출을 캡처하려는 경우의 예

    var output2 = browser.mock('**/authenticate',{method:'post'})
    browser.url('https://the-internet.herokuapp.com/login')

요청 URL에서 GET로 끝나는 모든 api/users/2 호출을 캡처하려는 경우의 예

    var output3 = browser.mock('**/api/users/2',{method:'get'})
    browser.url('https://reqres.in')

참고: 캡처할 URL을 지정하면 수행된 모든 호출이 캡처됩니다. 예를 들어 5번의 호출을 수행한 경우 5번 모두 JSON 형식의 해당 변수 내부에 별도의 개체로 캡처됩니다.

아래의 이 비디오에서는 위의 모든 시나리오와 이를 자동화하는 방법에 대해 설명했습니다. 당신이 그것을 좋아하기를 바랍니다



브,
Ap.