Bug

cypress.config.js

@@ -1,5 +1,47 @@
-module.exports = {
+const { defineConfig } = require("cypress");
+const webpack = require("@cypress/webpack-preprocessor");
+const {
+  addCucumberPreprocessorPlugin,
+} = require("@badeball/cypress-cucumber-preprocessor");
+
+
+async function setupNodeEvents(on, config) {
+  // This is required for the preprocessor to be able to generate JSON reports after each run, and more,
+  await addCucumberPreprocessorPlugin(on, config);
+
+  on(
+    "file:preprocessor",
+    webpack({
+      webpackOptions: {
+        resolve: {
+          extensions: [".ts", ".js"],
+        },
+        module: {
+          rules: [
+            {
+              test: /\.feature$/,
+              use: [
+                {
+                  loader: "@badeball/cypress-cucumber-preprocessor/webpack",
+                  options: config,
+                },
+              ],
+            },
+          ],
+        },
+      },
+    })
+  );
+
+  // Make sure to return the config object as it might have been modified by the plugin.
+  return config;
+}
+
+module.exports = defineConfig({
   e2e: {
-    setupNodeEvents(on, config) {},
+    baseUrl: "https://duckduckgo.com",
+    specPattern: "**/*.feature",
+    setupNodeEvents,
+    supportFile: false,
   },
-}
+});

cypress/e2e/duckduckgo.feature

@@ -0,0 +1,3 @@
+Feature: duckduckgo.com
+  Scenario: visiting the frontpage
+    When I visit duckduckgo.com

cypress/e2e/duckduckgo.js

@@ -0,0 +1,12 @@
+import { When } from "@badeball/cypress-cucumber-preprocessor";
+
+When("I visit duckduckgo.com", () => {
+  throw new Error('intended')
+  cy.visit("https://example.cypress.io");
+});
+
+afterEach(() => {
+  cy.readFile('Sample-png-image-200kb.png').then(res => {
+    debugger
+  })
+})

cypress/e2e/spec.cy.js

@@ -4,3 +4,9 @@ describe('page', () => {
     cy.visit('https://example.cypress.io')
   })
 })
+
+afterEach(() => {
+  cy.readFile('temp.png', 'binary').then(res => {
+    debugger
+  })
+})