Create feature, steps & config | Playwright & Cucumber - Typescript | Part 1

Hello guys, In this video, we will explore how to use cucumber with TypeScript. Cucumber is a popular behavior-driven development (BDD) tool that allows developers and stakeholders to collaborate on defining and testing application requirements in a human-readable format. TypeScript is a powerful superset of JavaScript that adds optional static typing, making it easier to catch errors before runtime. By combining these two tools, we can create more reliable and maintainable tests.

By the end of this video, you will have a solid understanding of how to use Cucumber with TypeScript to write robust and maintainable tests for your applications. Whether you are a seasoned developer or just getting started with testing, this video will give you the knowledge and skills you need to be successful. So, grab your favorite beverage, and let's get started!

Timestamp:
0:00 Introduction
0:52 Installation
3:07 Project structure
4:36 feature file
7:27 Cucumber config
8:36 npm test
9:10 Configuring steps mapping
10:48 dry run
13:09 Create step definitions
16:22 Quick recap
17:18 Configuring steps mapping

---------------------------------------------------------------------
Tamil Youtube Channel:
@kurimurai
---------------------------------------------------------------------
🎁Just in case you want to support me ☺️ donation might be helpful.

--------------------------Thank you---------------------------

Thanks for watching, if you like the video, give it a thumbs up 👆.
Sharing is caring, kindly share the video with your friends and colleagues.
Don't forget to subscribe and hit the bell 🔔 notification.

--------------------------------SOCIAL--------------------------------

Join our WhatsApp group (Only for Channel Members)

#letcode #playwright #cucumber

[bhagavantulasi]

Really Helpful, Even the one of the paid content course in udemy isn't explained about configuration this a detail

[SineQuaNon]

Thanks for this great video. Just a humble suggestion: In such tutorial videos, I think, the less music the better.

[luckybeast]

Hi kaushik please help me, please replay me if I type await page it automatically taking pageoffset how to correct it please help am in middle of my project please reply 🙏🙏🙏🙏

[munibhassan]

Thanks bro it helped me alot in creating TS with playwright framework.

[jaime_dangui]

Thakns a lot Koushik, you so help me with your videos.
Just keep going and more successful for you.

[AshishGupta-fl]

Hi @Koushik,

I am not able to figure out on how to set the timeouts in the playwright cucumber with js framework like global timeout, action timeout, navigation timeout, etc. I have tried putting this in the playwright.config.js file but its not taking it from that file. Can you help ?

[neliol]

Thanks a lot, my project didn't recognize the cucumber phrases, and u solved it with the settings.json configuration

[AnkitSingh-qbhk]

Thank you kaushik bhai... Was waiting for this from long... Appreciate ur efforts... Thnx a lot!!!!

[aykutdenizci]

this is what I want all the time cant wait the other parts !

[vothiminhngoc]

Hi Koushik, Thank you very much for your sharing. I have a question and hope you reply. If you use the Playwright + Cucumber framework to automate for APIs, should we use Rest Assured or the Playwright test for API?

[ManikanthN-uhsc]

Thank you sharing playwright knowledge, How we can run and add debug and trace viewer logs while running as cucumber test case, Please suggest me how to achieve this

[pushpalatha]

Why you are deleting playwright.config.ts file and using browsermanagement file for browser setup, please help me with this

[ashirbadprusty]

Hi Koushik
For me cloud report is not at all enabled from the begining
How to make it enable?

[priyankav]

Hi Kaushik

Is there a way i can get examples table values at run time in hooks and not in step defination

[luckybeast]

Hey kaushik, if we want to work with javascript with cucumber, instead of npm i ts-node -D what command should we need to give? Please reply 🙏

[DivyaShri-fg]

Hi, Can we create different feature wise testcase folders under feature folder? If yes, what are the configuration changes to be done? Also other than terminal npm test, Can we run the folder level testcases from the VS code UI?

[sshah]

Hello, thanks for the detailed steps. I followed the steps for Playwright JS instead of TS, but my step definitions are still not recognized. Please help to implement Playwright JS with Cucumber JS. Thanks!

[HariBaabu-dpmf]

After the execution, it says skipped
Sample Console.log statememts are not printed to the console
How to fix ? Thanks

[pushpalatha]

Hi, I can't able use imports, it's saying cannot use import outside the module, and am using typescript can you please help me this

[DavidAlejandroAcevedoGarcia]

You installed playwright test but you never use it, how can I implement this code to use the extension test from playwright?