const { defineConfig } = require('cypress');
const { injectQuasarDevServerConfig } = require('@quasar/quasar-app-extension-testing-e2e-cypress/cct-dev-server');
const { addCucumberPreprocessorPlugin } = require('@badeball/cypress-cucumber-preprocessor')
// FIX: This is the esbuild version, not Vite
const { createBundler } = require('@bahmutov/cypress-esbuild-preprocessor');
const { createEsbuildPlugin } = require('@badeball/cypress-cucumber-preprocessor/esbuild');
module.exports = defineConfig({
  fixturesFolder: 'test/cypress/fixtures',
  screenshotsFolder: 'test/cypress/screenshots',
  videosFolder: 'test/cypress/videos',
  video: true,
  e2e: {
    async 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",
        // FIX: This is the esbuild version, not Vite
        createBundler({
          plugins: [createEsbuildPlugin(config)],
        })
      );
      return config;
    },
    baseUrl: 'http://localhost:9000/',
    supportFile: 'test/cypress/support/e2e.js',
    specPattern: 'test/cypress/e2e/**/*.feature'
  }
});

// cypress.config.js
const createBundler = require('@bahmutov/cypress-esbuild-preprocessor')

// home.feature
Feature: quaser sample home
  Scenario: visiting the frontpage
    When I visit Quasar App
    Then I should see a search bar

// home.js
import { When, Then } from "@badeball/cypress-cucumber-preprocessor";
When("I visit Quasar App", () => {
  cy.visit("/");
});
Then("I should see a search bar", () => {
  cy.title().should("include", "Quasar");
})