Fix: Firefox browser not launching in BeforeAll hook

features/steps/index.ts

@@ -1,5 +1,26 @@
 import { expect } from "@playwright/test";
-import { Given, When, Then } from "./fixtures";
+import { firefox } from '@playwright/test';
+import {Given, When, Then } from "./fixtures";
+import { createBdd } from "playwright-bdd";
+
+const {BeforeAll} = createBdd();
+
+let browser, page;
+
+BeforeAll(async function () {
+  try {
+    // Explicitly launch Firefox
+    browser = await firefox.launch({
+      headless: false, // Set to false to see the browser
+    });
+
+    // Open a new page in the Firefox browser
+    page = await browser.newPage();
+    console.log("Firefox browser opened:", Boolean(page));
+  } catch (error) {
+    console.log("Error launching Firefox:", error);
+  }
+});
 
 Given("I am on Playwright home page", async ({ page }) => {
   await page.goto("https://playwright.dev");

playwright.config.ts

@@ -10,11 +10,5 @@ export default defineConfig({
   testDir,
   reporter: [
     cucumberReporter("html", { outputFile: "cucumber-report/report.html" }),
-  ],
-  projects: [
-    {
-      name: "chromium",
-      use: { ...devices["Desktop Chrome"] },
-    },
-  ],
+  ]
 });