Attachments

Multiple Cucumber HTML Reporter allows you to attach media and data to help debug and review results effectively.

Attaching Screenshots

Screenshots can be added at any time to your Cucumber JSON report. The best way is to use a scenario-hook that automatically captures a screenshot upon failure.

import { After, Status } from "cucumber";

After(function (scenarioResult) {
  if (scenarioResult.status === Status.FAILED) {
    // Attach a screenshot of the original state
    const screenshot = browser.saveScreenshot();
    world.attach(screenshot, "image/png");
  }

  return Promise.resolve(scenarioResult.status);
});

Attaching Plain Text

Attach logs or plain-text / data at any time to help you better understand the failure.

// Attach raw text
scenario.attach("Simple log message");

Attaching Pretty JSON

You can also attach JSON-formatted data for API or configuration tests. This will be formatted for better readability.

const responseData = { id: 1, name: "Antigravity" };
scenario.attach(JSON.stringify(responseData), "application/json");

Check the specific framework you are using to attach these results directly to the Cucumber JSON file.