adamcegielka/playwright-cucumber-bdd-typescript

Improving skills in automated testing using Cucumber and BDD.

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

playwright-cucumber-bdd-typescript's Issues

Section 6: How to integrate with Page Object Model

Lesson: Section 6: How to integrate with Page Object Model

Tasks:

• age Object Model in detail

Required Links and Materials:

• Playwright Cucumber (BDD) - Typescript

Section 4: How to handle multiple environment and generate logs

Lesson: Section 4: How to handle multiple environment and generate logs

Tasks:

• What is ENV?
• How to add Winston logger?

Required Links and Materials:

• Playwright Cucumber (BDD) - Typescript

Section 3: How to execute in paraller & generate HTML reports

Lesson: Section ...

Tasks:

• How to generate HTML report?
• How to run in parallel, rerun failed tests?

Required Links and Materials:

• Playwright Cucumber (BDD) - Typescript

Section 2: What is hook

Lesson: Section 2 What is hook

Tasks:

• How to share page object to other file?
• How to take screenshots of failed scenarios?

Required Links and Materials:

• Playwright Cucumber (BDD) - Typescript

Parallel typo in cucumber configuration

Hey,

using your repo to do some typescript playwright and noticed in you cucumber.json.

playwright-cucumber-bdd-typescript/cucumber.json

Line 17 in 26a579c

"paralle": 2

and

playwright-cucumber-bdd-typescript/cucumber.json

Line 33 in 26a579c

"paralle": 2

there is a missing "l".

Should be "parallel" -> see the docs.

(Keep up the good work)

Section 7: Making the execution easier

Lesson: Section 7: Making the execution easier

Tasks:

• Pass tags as command line argument
• Storage State

Required Links and Materials:

• Playwright Cucumber (BDD) - Typescript

Section 5: How to run tests on cloud

Lesson: Section 5: How to run tests on cloud

Tasks:

• Run using GitHub Actions!

Required Links and Materials:

• Playwright Cucumber (BDD) - Typescript