Prettier + Gherkin Plugin Setup for Clean Playwright BDD Code | TypeScript Automation

In this video, I show you how to set up Prettier with the Gherkin plugin to keep your Playwright BDD code and .feature files clean, consistent, and easy to read. We also discuss the next step—integrating Husky so commits only happen when your code is properly formatted. What you’ll learn in this video: ✅ Installing and configuring Prettier ("prettier": "^3.6.2") ✅ Installing and using prettier-plugin-gherkin ("^3.1.2") ✅ Creating a .prettierrc.json configuration file for consistent formatting ✅ Automatically formatting Gherkin .feature files in Playwright BDD projects ✅ How formatting improves code readability and teamwork in automation projects ✅ Upcoming lecture preview: using Husky to enforce code formatting before commits .prettierrc.json file used in this video: { "plugins": ["prettier-plugin-gherkin"], "singleQuote": true, "trailingComma": "es5" } Why this matters for QA and Automation Engineers: Consistent code formatting ensures that everyone on the team writes and reads tests the same way—reducing merge conflicts, improving collaboration, and making automation codebases easier to maintain. Adding Husky in the next step will make sure clean code is committed every time. 📌 Technologies & Tools Used: Playwright BDD TypeScript Prettier Prettier Gherkin Plugin Husky (upcoming) 🎥 Watch now to learn how to keep your Playwright BDD code clean and ready for collaboration! #Playwright #BDD #TypeScript #Prettier #PrettierPluginGherkin #TestAutomation #QA #AutomationTesting #CleanCode #CodeFormatting #Husky