add prettier

Author: vitalets

features/homepage.feature

@@ -1,7 +1,6 @@
 Feature: Playwright Home Page
 
-    Scenario: Check title
-        Given I am on Playwright home page
-        When I click link "Get started"
-        Then I see in title "Installation"
-  
+  Scenario: Check title
+    Given I am on Playwright home page
+    When I click link "Get started"
+    Then I see in title "Installation"

features/steps/fixtures.ts

@@ -8,4 +8,4 @@ export const test = base.extend<Fixtures>({
   // add your fixtures
 });
 
-export const { Given, When, Then } = createBdd(test);
+export const { Given, When, Then } = createBdd(test);

features/steps/index.ts

@@ -1,14 +1,14 @@
-import { expect } from "@playwright/test";
-import { Given, When, Then } from "./fixtures";
+import { expect } from '@playwright/test';
+import { Given, When, Then } from './fixtures';
 
-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));
 });

package-lock.json

@@ -15,6 +15,8 @@
     "nodemon": "^3.1.9",
     "npm-run-all": "^4.1.5",
     "playwright-bdd": "^8.0.1",
+    "prettier": "3.4.2",
+    "prettier-plugin-gherkin": "^3.1.1",
     "typescript": "^5.7.2"
   }
 }

package.json

@@ -1,29 +1,29 @@
-import { defineConfig, devices } from "@playwright/test";
-import { defineBddConfig, cucumberReporter } from "playwright-bdd";
+import { defineConfig, devices } from '@playwright/test';
+import { defineBddConfig, cucumberReporter } from 'playwright-bdd';
 
 const testDir = defineBddConfig({
-  features: "features/*.feature",
-  steps: "features/steps/*.ts",
+  features: 'features/*.feature',
+  steps: 'features/steps/*.ts',
 });
 
 export default defineConfig({
   testDir,
   reporter: [
-    cucumberReporter("html", {
-      outputFile: "cucumber-report/index.html",
+    cucumberReporter('html', {
+      outputFile: 'cucumber-report/index.html',
       externalAttachments: true,
-      attachmentsBaseURL: "http://127.0.0.1:8080/data",
+      attachmentsBaseURL: 'http://127.0.0.1:8080/data',
     }),
-    ["html", { open: "never" }],
+    ['html', { open: 'never' }],
   ],
   use: {
-    screenshot: "on",
-    trace: "on",
+    screenshot: 'on',
+    trace: 'on',
   },
   projects: [
     {
-      name: "chromium",
-      use: { ...devices["Desktop Chrome"] },
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
     },
   ],
 });

playwright.config.ts

@@ -0,0 +1,10 @@
+export default {
+  tabWidth: 2,
+  useTabs: false,
+  singleQuote: true,
+  printWidth: 100,
+  semi: true,
+  trailingComma: 'all',
+  bracketSpacing: true,
+  plugins: ['prettier-plugin-gherkin'],
+};