Cucumber-js: BeforeStep / AfterStep 후크 추가

@charlierudolph 여기에서 도움을 주고 싶지만 적절한 구현 방법에 대한 포인터가 필요합니다. 나는 최근에 제거된 registerHandler에 대한 구문 설탕 AfterStep이 있다고 생각합니다. support_code_library_builder/define_helpers.js를 살펴보았습니다. 그러나 이러한 후크를 구현하는 방법에 대한 몇 가지 지침이 필요합니다.
감사
알리
추신 결과 json 형식을 되돌려 주셔서 감사합니다.

여기서 질문은 이것이 워크플로에 어떤 영향을 줍니까? 이것은 단계 결과 상태를 편집할 수 있습니까? 아니면 통과/실패할 수 있는 다른 단계로 작동합니까?

댓글 중 하나에서 보았고 또한 사용하고 싶은 사용 사례는 단계 후에 스크린샷을 만드는 것입니다. 오이 루비에서는 Scenario 개체에 대한 액세스를 제공하는 AfterStep을 사용했습니다.
IMHO 애프터스텝 후크는 사용자가 스텝 결과를 검사하고 싶지만 결과를 변경할 수 없어야 하는 경우에만 사용해야 합니다. 또한 통과/실패할 수 있는 또 다른 단계가 되어서는 안 된다고 생각합니다.

@charlierudolph 저도 비슷한 솔루션을 찾고 있습니다.
registerHandler가 더 이상 사용되지 않기 전에 이 코드를 사용하여 실패한 단계 후 스크린샷을 찍었습니다.:

```
this.registerHandler('StepResult', 함수(이벤트, 콜백) {
var stepResult = event.getPayloadItem('stepResult');

if (stepResult.getStatus() == 'failed') {
  takeScreenshot()
    .then(function () {
      callback();
    });
} else {
  callback();
}});

````

이제 이에 대한 해결책이 없습니다.

안녕,

나는 대부분의 스레드에서 유스 케이스가 인쇄 화면을 사용하고 있다는 BeforeStep/AfterStep 후크에 관해 읽은 것을 보았습니다. 이것은 내 사용 사례가 아니며 다음 후크에 대한 다른 사용 사례를 말하고 싶습니다.

내 프로젝트는 다음을 위해 오이 1.x의 AfterStep 후크를 사용했습니다.

• 모든 외부 링크와 같은 데이터 수집:
  element.all(by.css('a')).each(function(link) { link.getAttribute('href').then(function(href) { ... }); });

그런 다음 모든 외부 링크는 별도의 테스트 슈트에서 테스트됩니다.

• 요소 ID 중복 확인(목적은 모든 ID가 고유한지 확인하여 HTML 표준을 준수하고 테스트 생성을 더 쉽게 만드는 것입니다)
• 스크립트 오류 확인(AfterStep은 실제로 실패 시나리오에 대한 After 후크에 대한 변수를 설정합니다).
• 브라우저 경고 무시. 몇 가지 테스트 시나리오는 웹 브라우저에서 무시하고 싶은 경고 창을 엽니다. 이것은 특히 양식 및 입력 요소가 있을 때 적용되며 브라우저에서 경고합니다("저장되지 않은 변경 사항이 있습니다...")

현재 Cucumber 4.0.0 및 Protractor 4.0.14 사용 중

참고: Cucumber 1.xx의 this.AfterStep() 사용 사례는 이러한 유형의 코드를 포함하도록 설계되지 않았고 경쟁 조건에 문제가 있는 것을 보았기 때문에 제대로 작동하지 않았습니다. 따라서 Cucumber 4.0.0으로 업그레이드하고 적절한 지원이 있을 때까지 AfterStep 로직을 비활성화했습니다.

안녕,

단계 후크 전후에 이와 관련된 업데이트가 있습니까?
AfterStep 후크에 대한 해결 방법이 있습니까? 특정 테스트가 실패한 경우 스크린샷을 찍고 싶습니다.

기본 World 생성자를 재정의했기 때문에 "attach"를 사용할 수 없습니다. https://github.com/cucumber/cucumber-js/blob/master/docs/support_files/world.md

Thnx

안녕하세요 @gajo4256 ,

나는 오이 4.0.0과 이 스니펫을 사용하고 있습니다.

After(function (scenario) {
  if (scenario.result.status === Status.FAILED) {
    const World = this;

    return browser.takeScreenshot().then(function (buffer) {
      return World.attach(buffer, 'image/png');
    });
  }});

이것은 모든 실패한 시나리오 후에 스크린샷을 찍을 것입니다. (오이의 경우 단계가 실패할 때마다 전체 시나리오가 실패하므로 "단계 실패 후"와 거의 동일하기 때문에 저에게 효과적입니다.

도움이 되기를 바랍니다.

안녕하세요 @mracz 입니다 .

thnx, 나는 실제로 이것을 시도했습니다(각 단계 후에 나에게 더 적합하겠지만).
기본 World 생성자를 재정의했기 때문에 일반적인 경우처럼 어떻게 다시 연결할 수 있습니까?

Thnx

안녕하세요 @gajo4256 ,

이것은 내 사용자 정의 세계 구현에 있는 것입니다.

const { setWorldConstructor } = require('cucumber');

function CustomWorld( { attach } ) {
  this.attach = attach;
}

setWorldConstructor(CustomWorld);

@mracz , 현재 각 단계에 대해 다음을 수행합니다.

    When('I do something', function () {
        return takeScreenshot(this, () => {
            return $(...).click();
        });
    });

스크린샷 촬영 기능은 다음과 같습니다.

export function takeScreenshot(world, stepToExecute: () => promise.Promise<any>): promise.Promise<any> {
    return stepToExecute().then(() => {
        return doTakeScreenshot(world);
    }).catch((err) => {
        return doTakeScreenshot(world).then(() => {
            throw err;
        });
    });
}

function doTakeScreenshot(world) {
    return browser.takeScreenshot().then((screenshot) => {
        world.attach(screenshot, 'image/png');
    }).catch((err) => {
        console.warn('Could not create screenshot', err);
    });
}

예외에 대해 너무 방어적이었을 수도 있지만 추가 코드가 실제 테스트 결과를 방해하지 않도록 최선을 다했습니다. 지금 내가 할 수 있는 최선 AfterStep 후크가 작동하면 상용구를 더 적게 추가할 수 있다는 것입니다.

그러나 후크가 하지 않을 일은 화면을 변경하지 않는 어설션을 만들 때 스크린샷을 건너뛰는 것입니다(예: Then some element is not shown ). 확장 가능한 세계 개체가 도움이 될 수 있다고 생각합니다.

다음은 AfterStep 후크의 또 다른 사용 사례입니다. 피어가 동기화될 때까지 기다립니다(벡터 시계 또는 lamport 타임스탬프 사용). /cc @tooky @jbpros

여러분, 안녕하세요.
저는 실제로 이 문제를 해결하기 위해 노력하고 있습니다.

우리는 모든 단계에서 스크린샷을 찍을 방법을 찾고 있습니다.
지금 우리는 오이에서 StepDefinitions 함수를 재정의하는 것에 대해 생각하고 있습니다.

그것이 최선의 방법인지 모르겠으니 주저하지 말고 그것에 대해 의견을 주십시오!

여기에서 고군분투하는 사람을 위해 정의 함수 래퍼를 사용하여 이 작업을 수행하는 방법이 있습니다. https://github.com/PeerioTechnologies/peerio-icebear/blob/dev/test/e2e/code/hooks.js#L28

우리의 주요 사용 사례는 다음과 같습니다. 스크린샷이지만 구성에서 디버깅 모드를 켜면 각 단계의 출력을 볼 수 있도록 더 많은 디버깅 도구로 사용합니다.

또 다른 용도: 웹사이트에 일정 시간이 지나면 몇 가지 모달이 표시될 수 있습니다. 시나리오를 실행하는 경우 이러한 모달로 인해 테스트가 취약하지 않은지 확인하기 위해 모든 단계 후에 해당 모달이 페이지에 있는지 확인해야 합니다.

또 다른 사용 사례: 누군가 대시보드(현재 실행 중인 테스트 상태, 이전에 실행된 테스트 사례 등)가 포함된 보고 도구를 만들고자 한다면 오이는 진행 상황에 대한 업데이트를 위해 단계 후크에서 도구에 게시할 수 있습니다. 특이한 예라는 걸 압니다. 하지만 지금 생각해 보니 관심이 가는 부분입니다.

KyleFairns, 말씀하신 대로 대시보드용 AfterStep이 필요합니다.

안녕하세요,

각 단계 후에 자바스크립트 오류가 있는지 확인하고 싶습니다. 실패한 단계뿐만이 아닙니다.
(@markus-lundin-86과 약간 동일)
이제 각 시나리오 이후에만 그렇게 할 수 있습니다.
이것이 로드맵에 있습니까? 아니면 다른 솔루션이 있는 사람이 있습니까?

방금 WebDriverIO에 내 문제를 해결하는 오이에 대한 beforeStep 및 afterStep 후크가 있다는 것을 발견했습니다.

도움이 되기를 바랍니다...

안녕 모두,

Step hooks에 대한 업데이트가 있습니까? 또는 각 단계 실행 전후에 일부 코드를 실행하기 위한 해결 방법이 있습니까?

안녕하세요 여러분,
@Prasant-Sutaria와 같은 상황에서.
단계 후크 또는 해결 방법에 대한 업데이트가 있습니까?
미리 감사드립니다.

업데이트가 없습니다. 여전히 누군가가 이에 대한 pull 요청을 제출하기를 기다리고 있습니다.

이에 대한 로드맵이나 내용이 있습니까? 이것이 이 기능을 갖는 주요 고충 중 하나이므로 공식 성명이 좋을 것입니다.

@aslakhellesoy 체크리스트나 pull-request가 구현해야 하는 것이 있습니까? AFAIK #1058 및 #1121은 이 기능을 가져오거나 몇 가지 해결 방법을 시도합니다.

얘들 아,
방금 이 문제에 대한 PR을 만들었습니다: https://github.com/cucumber/cucumber-js/pull/1198.
유용하다고 생각되면 알려주십시오.

@aslakhellesoy , 이 문제/기능 요청을 해결하기 위해 위의 PR(#1198)을 만들었습니다. 그것을 살펴보시거나 제가 연락해야 할 사람을 알려 주시겠습니까?
참조: @charlierudolph

어떤 업데이트? 그것도 기대됩니다 :)

@leonardonelson91의 PR이 2개 보입니다.
이 기능을 구현하는 가장 좋은 방법을 찾지 못한 것 같습니다.
https://github.com/cucumber/cucumber-js/pull/1198
https://github.com/cucumber/cucumber-js/pull/1058

@charlierudolph BeforeStep 및 AfterStep 에 대해 등록된 기능이 단계가 시간 초과되더라도 여전히 실행되어야 하는지 여부에 대한 견해가 있습니까?

여기 있는 다른 몇 사람과 마찬가지로 저는 setDefinitionFunctionWrapper 를 사용하여 스크린샷 작업을 수행하고 있습니다. 테스트 단계가 시간 초과될 때를 제외하고는 훌륭하게 작동합니다. 제가 할 수 있는 최선은 단계가 여전히 활성 상태인 동안 발생하므로 브라우저 계측을 사용합니다. setDefinitionFunctionWrapper 에 대한 수정 작업을 하고 싶지만 여기에도 의도가 무엇인지 알고 싶었습니다.

나는 단계가 통과/실패하는지 여부에 관계없이 BeforeStep/AfterStep이 실행될 것으로 예상합니다(시간 초과 또는 기타로 인해)

여기에 스크린샷이 아닌 추가 사용 사례를 추가하기만 하면 됩니다. 이벤트 기반 시스템을 테스트 중이며 테스트로 인해 이벤트가 생성됩니다. 그런 다음 해당 이벤트를 읽고 시스템을 변경합니다.

다음 단계에서는 시스템이 모든 이벤트를 처리해야 하는 예상 상태인지 확인합니다. 대기열이 완전히 처리되었고 다음 단계로 이동하기 전에 보류 상태에 아무것도 없는지 확인하는 기능을 원합니다.

현재 유효성 검사 단계에서 이벤트 스트림의 일부 폴링을 수행하고 있지만 그냥 후크에 넣는 것이 좋습니다. 다음 단계로 넘어가기 전에 시스템이 안정적인 상태여야 하는 것은 유비쿼터스 요구 사항이기 때문입니다.

@davidjgoss @charlierudolph 스크린샷을 얻기 위해 setDefinitionFunctionWrapper의 샘플 예제 코드를 도와주시겠습니까? BeforeStep/AfterStep?, 저는 Nightwatch JS로 시도하고 있습니다.

안녕하세요 @RArkasali 여기 내가 작업하는 프로젝트의 스니펫이 있습니다.

import {setDefinitionFunctionWrapper} from "cucumber";

setDefinitionFunctionWrapper(function(fn) {
    return async function(...args) {
        try {
            return await fn.apply(this, args);
        } catch (ex) {
            await this.takeScreenshot();
            throw ex;
        }
    };
});

(여기서 takeScreenshot 는 사용자 정의 World 의 메소드로 실제 스크린샷을 찍는 작업을 수행합니다. 나는 야간 시계에 익숙하지 않아 어떻게 생겼는지 알 수 없지만 be.)

따라서 단계 함수 내에서 오류(어설션 실패와 같은)가 있는 경우 스크린샷이 찍힙니다. 오류가 아닌 결과를 반환한다는 사실이 중요합니다. 나는 잠시 동안 return "pending" 단계가 처리되지 않아 혼란스러워 했습니다.

도움이 되었기를 바랍니다

안녕하세요 여러분,
이 문제의 상태는 무엇입니까? 여전히 도움이 필요합니까?
저는 BeforeStep과 AfterStep에 관심이 있습니다. 모든 단계 이름과 추가 로그 정보가 포함된 "로그" 파일이 있으면 도움이 되기 때문입니다. 커스텀 포매터를 만드는 것보다 조금 더 쉽습니다.

이것은 https://github.com/cucumber/cucumber-js/pull/1416 과 별도로 추가되었습니다.

후크가 https://github.com/cucumber/cucumber-js/pull/1416 에 추가되었으므로 이 문제를 종료합니다.