export step constructors from fixtures

steps/fixtures.ts

@@ -1,5 +1,7 @@
-import { test as base } from 'playwright-bdd';
+import { test as base, createBdd } from 'playwright-bdd';
 
 export const test = base.extend({
  // add your fixtures here
 });
+
+export const { Given, When, Then } = createBdd(test);

steps/index.ts

@@ -1,17 +1,14 @@
-import { expect } from '@playwright/test';
-import { createBdd } from 'playwright-bdd';
-import { test } from './fixtures';
+import { expect } from "@playwright/test";
+import { Given, When, Then } from "./fixtures";
 
-const { Given, When, Then } = createBdd(test);
-
-Given('I am on Playwright home page', async ({ page }) => {
- await page.goto('https://playwright.dev');
+Given("I am on Playwright home page", async ({ page }) => {
+ await page.goto("https://playwright.dev");
 });
 
-When('I click link {string}', async ({ page }, name: string) => {
- await page.getByRole('link', { name }).click();
+When("I click link {string}", async ({ page }, name: string) => {
+ await page.getByRole("link", { name }).click();
 });
 
-Then('I see in title {string}', async ({ page }, text: string) => {
+Then("I see in title {string}", async ({ page }, text: string) => {
  await expect(page).toHaveTitle(new RegExp(text));
 });