Cucumber-js: BeforeStep / AfterStepフックを追加します

@charlierudolphここでお手伝いしたいのですが、それを実装する適切な方法についてのポインタが必要です。 最近削除されたregisterHandlerの構文糖衣AfterStepがあったと思います。 support_code_library_builder /define_helpers.jsを見ました。 しかし、これらのフックを実装する方法についてのいくつかの指針が必要です。
ありがとう
アリ
PS結果のjson形式を元に戻していただきありがとうございます。

ここでの質問は、これがワークフローにどのように影響するかということです。 これはステップ結果のステータスを編集できますか、それとも合格/不合格になる可能性のある別のステップとして機能しますか？

コメントの1つで見た、また使用したいユースケースは、ステップの後にスクリーンショットを作成することです。 キュウリのルビーでは、Scenarioオブジェクトへのアクセスを提供するAfterStepを使用しました。
IMHOアフターステップフックは、ユーザーがステップ結果を内省したいが結果を変更できないユースケースにのみ使用する必要があります。 また、合格/不合格となる可能性のある別のステップであってはならないと思います。

@charlierudolph私も同様の解決策を探しています。
registerHandlerが非推奨になる前に、このコードを使用して、失敗した手順の後にスクリーンショットを撮りました。

`` `
this.registerHandler（ 'StepResult'、function（event、callback）{
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フックの変数を設定します）。
• ブラウザのアラートを無視します。 いくつかのテストシナリオでは、Webブラウザがアラートウィンドウを開きますが、これは無視する必要があります。 これは特にフォームと入力要素がある場合に当てはまり、ブラウザは警告を発します（「未保存の変更があります...」）

現在、Cucumber4.0.0とProtractor4.0.14を使用しています

補足：Cucumber 1.xxのthis.AfterStep（）は、このタイプのコードを含むように設計されておらず、競合状態に問題があったため、ユースケースは正しく機能しませんでした。 そのため、Cucumber 4.0.0にアップグレードし、適切にサポートされるまでAfterStepロジックを無効にしました。

こんにちは、

ステップフックの前後にこれに関する更新はありますか？
AfterStepフックの回避策はありますか？ 特定のテストが失敗した場合は、スクリーンショットを撮りたいと思います。

デフォルトのWorldコンストラクターhttps://github.com/cucumber/cucumber-js/blob/master/docs/support_files/world.mdをオーバーライドしたため、「attach」は使用できません。

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フックの別の使用例を次に示します。ピアが同期するのを待ちます（ベクタークロックまたはランポートタイムスタンプを使用）。 / cc @tooky @jbpros

こんにちは、みんな。
私は実際にこの問題に取り組んでいます。

私たちは、すべての異なるステップからスクリーンショットを撮る方法を探しています。
現在、キュウリからStepDefinitions関数をオーバーライドすることを考えています。

それが最善の方法かどうかわからないので、遠慮なくご意見をお聞かせください。

定義関数ラッパーを使用してこれを行う方法がここで苦労している人のために： https ：//github.com/PeerioTechnologies/peerio-icebear/blob/dev/test/e2e/code/hooks.js#L28

私たちの主なユースケースは、ここでは他の例のようになります：スクリーンショットですが、構成でデバッグモードをオンにした場合に各ステップの出力を確認できるように、より多くのデバッグツールとして使用します。

別の用途：ウェブサイトに一定の時間が経過すると表示される可能性のあるモーダルがいくつかあります。 シナリオを実行する場合は、すべてのステップの後に、これらのモーダルがページに表示されているかどうかをチェックして、これらのモーダルが原因でテストが脆弱でないことを確認する必要があります。

別のユースケース：誰かがダッシュボードを備えたレポートツール（現在実行中のテストステータス、以前に実行されたテストケースなど）を作成したい場合、キュウリは進行状況の更新のためにステップフックでツールに投稿できます。 これは珍しい例ですが、私が考えた今、これを調べたいと思っています。

KyleFairns、あなたが言ったようにダッシュボードにはAfterStepが必要です

こんにちは、

各ステップの後にjavascriptエラーがあるかどうかを確認したいと思います。 失敗したステップだけではありません。
（@ markus-lundin-86と同じビット）
今では、各シナリオの後でのみそれを行うことができます。
それで、これはロードマップ上にありますか、それとも誰か他の解決策がありますか？

WebDriverIOにキュウリのbeforeStepフックとafterStepフックがあり、問題を解決できることを発見しました。

お役に立てば幸いです...

こんにちは、みんな、

ステップフックの更新はありますか？ または、各ステップの実行前および/または実行後にコードを実行するための回避策はありますか？

こんにちは、みんな、
@ Prasant-Sutariaと同じ状況で。
ステップフックまたは回避策に関する更新はありますか？
前もって感謝します。

更新はありません。 誰かがこれに対するプルリクエストを送信するのをまだ待っています。

これに対するロードマップや何かはありますか？ これはこの機能を使用する上での大きな問題の1つであるため、公式の声明があればよいでしょう。

@aslakhellesoyプルリクエストで実装する必要のあるチェックリストなどはありますか？ AFAIK＃1058および＃1121は、この機能、または回避策のいくつかの方法を導入しようとします。

やあみんな、
この問題に関するPRを作成しました： https：//github.com/cucumber/cucumber-js/pull/1198。
役に立ったら教えてください。

@aslakhellesoy 、この問題/機能のリクエストに対処するために、上記のPR（＃1198）を作成しました。 それを見てください、または私が連絡すべき誰かを私に教えてもらえますか？
cc： @charlierudolph

更新はありますか？ それも楽しみにしています:)

2つのPRが表示されます@ leonardonelson91
彼らはこの機能を実装するための最良の方法を見つけられなかったと思います
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スクリーンショットのBeforeStep / AfterStepを実現するために、setDefinitionFunctionWrapperのサンプルコードを教えてください。NightwatchJSを試しています。

こんにちは@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のメソッドです。私はナイトウォッチに精通していないため、どのように見えるかを知ることはできませんが、きっとそうなるでしょう。なれ。）

したがって、step関数内からエラー（アサーションの失敗など）が発生した場合、これはスクリーンショットを撮ります。 エラーのない結果を返すという事実は重要です。 return "pending"のステップが処理されていない間、戻り値を飲み込んでいることに気付くまで、しばらく混乱していました。

お役に立てれば

こんにちは、みんな、
この問題の状況はどうなっていますか？ それでも助けが必要ですか？
BeforeStepとAfterStepに興味があります。これは、すべてのステップ名と追加のログ情報を含む「ログ」ファイルを作成するのに役立つためです。 カスタムフォーマッタを作成するよりも少し簡単です。

これはhttps://github.com/cucumber/cucumber-js/pull/1416の一部として追加されました

https://github.com/cucumber/cucumber-js/pull/1416にフックが追加されたため、この問題を解決します