Playwright with Typescript - Cucumber - BDD

This is my personal project to improve my skills in automated testing using Cucumber and BDD. This project was created solely for my learning process and to showcase my testing skills.

Installation

• CTRL + SHIFT + P => Install Playwright => OK
• Install Cucumber plugin
• Install dependencies:
  • npm i @cucumber/cucumber -D
  • npm i ts-node -D
• Create folder src/test/features and src/test/steps
• Install ESLint npm install eslint --save-dev
• Configuration npm init @eslint/config
• Add prettier in .eslintrc.json :

"extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "prettier"
],

• Install Prettier npm install --save-dev --save-exact prettier
• Add file .prettierignore :

package-lock.json
README.md

• Add Prettier rule .prettierrc.json :

{
    "singleQuote": true
}

• Run formatting with Prettier npx prettier --write .
• Linking Prettier with ESLint npm install --save-dev eslint-config-prettier

Tutorials

• Playwright Cucumber (BDD) - Typescript
• Automated Software Testing with Playwright
• Playwright & Cucumber - Typescript
• Cucumber and Playwright
• Cucumber JS - YT
• Cucumber JS - GitHub
• Selenium JavaScript Tutorial