update deps and simplify structure

.gitignore

@@ -13,5 +13,6 @@ playwright-report
 
 .nx/cache
 .env
+.nx
 update.sh
 cucumber-report

app1/features/homepage.feature

@@ -1,16 +1,7 @@
-Feature: Playwright Home Page
+Feature: Playwright Home Page (app1)
 
-    @firefox
     Scenario: Check title
         Given I am on Playwright home page
-        Then I see in title "Playwright"
-
-    Scenario Outline: Check get started
-        Given I am on Playwright home page
-        When I click link "<link>"
-        Then I see in title "<title>"
-
-    Examples:
-        | link          | title        |
-        | Get started   | Installation |    
-        | API reference | Library      |    
+        When I click link "Get started"
+        Then I see in title "Installation"
+

app1/playwright.config.ts

@@ -1,29 +1,11 @@
-import { defineConfig, devices } from '@playwright/test';
-import { defineBddConfig } from 'playwright-bdd';
+import { defineConfig } from "@playwright/test";
+import { defineBddConfig } from "playwright-bdd";
 
 const testDir = defineBddConfig({
-  importTestFrom: 'steps/fixtures.ts',
-  paths: ['./features'],
-  require: ['steps/*.ts'],
-  quotes: 'backtick',
-  featuresRoot: './features',
+  features: "./features",
+  steps: "steps/*.ts",
 });
 
 export default defineConfig({
   testDir,
-  reporter: 'html',
-  use: {
-    screenshot: 'only-on-failure',
-    baseURL: 'http://localhost:3000',
-  },
-  projects: [
-    {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
-    },
-    {
-      name: 'firefox',
-      use: { ...devices['Desktop Firefox'] },
-    },
-  ]
 });

app1/project.json

@@ -3,4 +3,4 @@
     "bddgen": {},
     "e2e": {}
   }
-}
+}

app1/steps/fixtures.ts

@@ -1,12 +1,7 @@
-import { test as base } from 'playwright-bdd';
-import { TodoPage } from './TodoPage';
+import { test as base, createBdd } from "playwright-bdd";
 
-export const test = base.extend<{ todoPage: TodoPage, browserSpecificTest: void }>({
-  todoPage: async ({ page }, use) => use(new TodoPage(page)),
-  browserSpecificTest: [async ({ $tags }, use, testInfo) => {
-    if ($tags.includes('@firefox') && testInfo.project.name !== 'firefox') {
-      testInfo.skip();
-    }
-    await use();
-  }, { auto: true }],
+export const test = base.extend<{ myFixture: string }>({
+  myFixture: async ({}, use) => use("my custom fixture"),
 });
+
+export const { Given, When, Then } = createBdd(test);

app1/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, Then, When } 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));
 });

app2/features/homepage.feature

@@ -1,16 +1,7 @@
-Feature: Playwright Home Page
+Feature: Playwright Home Page (app2
 
-    @firefox
     Scenario: Check title
         Given I am on Playwright home page
-        Then I see in title "Playwright"
-
-    Scenario Outline: Check get started
-        Given I am on Playwright home page
-        When I click link "<link>"
-        Then I see in title "<title>"
-
-    Examples:
-        | link          | title        |
-        | Get started   | Installation |    
-        | API reference | Library      |    
+        When I click link "Get started"
+        Then I see in title "Installation"
+

app2/playwright.config.ts

@@ -1,29 +1,11 @@
-import { defineConfig, devices } from '@playwright/test';
-import { defineBddConfig } from 'playwright-bdd';
+import { defineConfig } from "@playwright/test";
+import { defineBddConfig } from "playwright-bdd";
 
 const testDir = defineBddConfig({
-  importTestFrom: 'steps/fixtures.ts',
-  paths: ['./features'],
-  require: ['steps/*.ts'],
-  quotes: 'backtick',
-  featuresRoot: './features',
+  features: "./features",
+  steps: "steps/*.ts",
 });
 
 export default defineConfig({
   testDir,
-  reporter: 'html',
-  use: {
-    screenshot: 'only-on-failure',
-    baseURL: 'http://localhost:3000',
-  },
-  projects: [
-    {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
-    },
-    {
-      name: 'firefox',
-      use: { ...devices['Desktop Firefox'] },
-    },
-  ]
 });

app2/steps/fixtures.ts

@@ -1,12 +1,7 @@
-import { test as base } from 'playwright-bdd';
-import { TodoPage } from './TodoPage';
+import { test as base, createBdd } from "playwright-bdd";
 
-export const test = base.extend<{ todoPage: TodoPage, browserSpecificTest: void }>({
-  todoPage: async ({ page }, use) => use(new TodoPage(page)),
-  browserSpecificTest: [async ({ $tags }, use, testInfo) => {
-    if ($tags.includes('@firefox') && testInfo.project.name !== 'firefox') {
-      testInfo.skip();
-    }
-    await use();
-  }, { auto: true }],
+export const test = base.extend<{ myFixture: string }>({
+  myFixture: async ({}, use) => use("my custom fixture"),
 });
+
+export const { Given, When, Then } = createBdd(test);

app2/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, Then, When } 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));
 });

nx.json

@@ -1,4 +1,5 @@
 {
+  "useInferencePlugins": false,
   "targetDefaults": {
     "bddgen": {
       "command": "bddgen",
@@ -14,7 +15,5 @@
       }
     }
   },
-  "affected": {
-    "defaultBase": "main"
-  }
+  "defaultBase": "main"
 }