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

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ม.ค. 2025

ความคิดเห็น • 261

  • @SineQuaNon1
    @SineQuaNon1 ปีที่แล้ว +6

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

    • @letcode
      @letcode  ปีที่แล้ว +3

      Sure, other videos only intro music is there.

  • @munibhassan3130
    @munibhassan3130 ปีที่แล้ว +2

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

    • @letcode
      @letcode  ปีที่แล้ว +1

      Glad 😊

  • @jaime_dangui
    @jaime_dangui ปีที่แล้ว +1

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

    • @letcode
      @letcode  ปีที่แล้ว

      Glad to hear that

  • @aykutdenizci789
    @aykutdenizci789 ปีที่แล้ว +2

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

    • @letcode
      @letcode  ปีที่แล้ว +2

      Glad to know

  • @neliol5996
    @neliol5996 หลายเดือนก่อน +1

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

    • @letcode
      @letcode  หลายเดือนก่อน

      Glad it helped!

  • @AnkitSingh-qb6hk
    @AnkitSingh-qb6hk ปีที่แล้ว +1

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

    • @letcode
      @letcode  ปีที่แล้ว

      Welcome bro 😀

  • @divyanshusharma4792
    @divyanshusharma4792 ปีที่แล้ว +4

    Thanks bro for starting this series...waiting for you start it since a longer time....In the later videos of this series can you please add the CICD intergration part of this Cucumber framework also...I will be waiting for that as well???

    • @letcode
      @letcode  ปีที่แล้ว

      Yeah sure

  • @kishorenaidu2156
    @kishorenaidu2156 ปีที่แล้ว +1

    Nice information .. tq for the video

    • @letcode
      @letcode  ปีที่แล้ว

      Welcome 🙂

  • @AshishGupta-f5l
    @AshishGupta-f5l 18 ชั่วโมงที่ผ่านมา

    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 ?

  • @luizhenriquedafonseca8201
    @luizhenriquedafonseca8201 ปีที่แล้ว +1

    Thanks for this tutorial amigo!

    • @letcode
      @letcode  ปีที่แล้ว

      Welcome 🤗

  • @luckybeast4757
    @luckybeast4757 11 หลายเดือนก่อน +2

    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 🙏🙏🙏🙏

    • @letcode
      @letcode  11 หลายเดือนก่อน

      I didn't understand

    • @luckybeast4757
      @luckybeast4757 11 หลายเดือนก่อน

      Please help me bro am in middle of my project

    • @luckybeast4757
      @luckybeast4757 11 หลายเดือนก่อน

      Am using playwright with javascript today suddenly what happened I don't know if I type await page, instead page it is giving autosuggestion pageXoffset

    • @luckybeast4757
      @luckybeast4757 11 หลายเดือนก่อน

      Is it possible to contact?

    • @luckybeast4757
      @luckybeast4757 11 หลายเดือนก่อน

      Please don't neglate I have lot of test case to automate

  • @jessytalasani
    @jessytalasani 4 หลายเดือนก่อน +1

    Thanks for the video its a great explanation also please upload api testing playwright cucumber video

    • @letcode
      @letcode  4 หลายเดือนก่อน

      Ok

  • @mittaltripti
    @mittaltripti 4 หลายเดือนก่อน +1

    You're the best !! Thankyou !!

    • @letcode
      @letcode  4 หลายเดือนก่อน

      Thank you 😊

  • @priyankav2890
    @priyankav2890 5 หลายเดือนก่อน +1

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

    • @letcode
      @letcode  5 หลายเดือนก่อน

      Hi. No.

  • @ManikanthN-uh5sc
    @ManikanthN-uh5sc ปีที่แล้ว +1

    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

    • @letcode
      @letcode  ปีที่แล้ว

      Welcome 🙂
      I have to add videos for debug and trace

    • @ManikanthN-uh5sc
      @ManikanthN-uh5sc ปีที่แล้ว

      I am asking with cucumber runner can you provide link here , not able to find
      @@letcode

  • @sshah1825
    @sshah1825 ปีที่แล้ว +2

    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!

    • @letcode
      @letcode  ปีที่แล้ว

      Hi, that is related to the cucumber extension.
      I have shown that settings in the first video.

  • @alexanderkomanov4151
    @alexanderkomanov4151 ปีที่แล้ว +3

    Wow! So cool!

    • @letcode
      @letcode  ปีที่แล้ว

      Thanks 👍

  • @brveg1
    @brveg1 ปีที่แล้ว +2

    Thanks for doing this. Can you also talk about debugging cucumber playwright scripts

    • @letcode
      @letcode  ปีที่แล้ว +1

      Sure, I'll do that.

  • @mythicalj891
    @mythicalj891 ปีที่แล้ว +1

    hi Koushik do you know how we can use the playwright UI mode with cucumber and also run tests in a headed mode to see the tests running

    • @letcode
      @letcode  ปีที่แล้ว

      Head mode is possible, UI mode is not supported in cucumber.

  • @PradipYogi59
    @PradipYogi59 ปีที่แล้ว +1

    very informative video...

    • @letcode
      @letcode  ปีที่แล้ว

      Thanks a lot

  • @sumitgoyal385
    @sumitgoyal385 7 หลายเดือนก่อน +1

    Hi bro what is your vs code extension ? for displaying these folders please tell

    • @letcode
      @letcode  7 หลายเดือนก่อน +1

      th-cam.com/video/1mJbq4oJpQ0/w-d-xo.htmlsi=r4McK9Srk_LEXWK1

  • @JanagarR
    @JanagarR ปีที่แล้ว +1

    Hi Koushik, How to setup suites in playwright cucumber? and i want to run specific suite and multiple suites ? please help

    • @letcode
      @letcode  ปีที่แล้ว

      Hi, complete the playlist i have covered that.

  • @vighnesh32
    @vighnesh32 11 หลายเดือนก่อน +1

    hello any way u can upload your settings.json file ? i am not able to link features with stepDefinition no matter what i do

    • @letcode
      @letcode  11 หลายเดือนก่อน

      All the files are in git, the link is in the description. Continue with the video, there is an workaround I have mentioned in one video.

  • @DivyaShri-f8g
    @DivyaShri-f8g 5 หลายเดือนก่อน +1

    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?

    • @letcode
      @letcode  5 หลายเดือนก่อน

      Yes features files can be segregated in folders, providing the path within the path of the config file.
      From vs code ui not possible.

  • @whatstrending4638
    @whatstrending4638 6 หลายเดือนก่อน +1

    hello Kaushik. Thank you for the information. Btw can you share how we can run it in HEADED mode in playwright with viewing trace viewer?

    • @letcode
      @letcode  6 หลายเดือนก่อน

      You mean to debug a test with a playwright inspector?

    • @whatstrending4638
      @whatstrending4638 6 หลายเดือนก่อน +1

      @@letcode No i mean running the playwright test in UI mode

    • @letcode
      @letcode  6 หลายเดือนก่อน

      Oh ok, that is only applicable to playwright test runner, cucumber runner do not support that.

  • @vothiminhngoc9743
    @vothiminhngoc9743 ปีที่แล้ว +1

    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?

    • @letcode
      @letcode  ปีที่แล้ว

      Playwright has its own api testing support.
      So you can go with that, cucumber also possible.

    • @vothiminhngoc9743
      @vothiminhngoc9743 ปีที่แล้ว +1

      @@letcode Can we combine writing automated UI tests using (Playwright + Cucumber) with API tests using Playwright? Hope you answer my question, plzzz 🙏

    • @letcode
      @letcode  11 หลายเดือนก่อน

      Yes we can.

  • @purnimashanti26
    @purnimashanti26 9 หลายเดือนก่อน +1

    Hi, can we use this with cypress and typescript?. Thank you.

    • @letcode
      @letcode  9 หลายเดือนก่อน

      I don't think so, as they cypress support JS.

  • @luckybeast4757
    @luckybeast4757 ปีที่แล้ว +1

    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 🙏

    • @letcode
      @letcode  ปีที่แล้ว

      Npn i is enough to install all the dependencies

  • @jithinjacob2181
    @jithinjacob2181 ปีที่แล้ว +1

    Is there any way to give a default env value inside this. I would like to setup a script npm run test env=$ENV and would like a default env to be set. Also can we set parallel to one in local and 3 in CI , as this config is coming up from json I am finding it hard to change them

    • @letcode
      @letcode  ปีที่แล้ว

      Yes, as it is Json we can't do it like that.
      We can convert this json file to mjs and then you can achieve that

  • @junkdogttv8647
    @junkdogttv8647 ปีที่แล้ว +1

    Great videos! Do any of your videos go over scenario context? Currently trying to build a framework with playwright and cucumber and need to store values throughout the steps. Thanks!

    • @letcode
      @letcode  ปีที่แล้ว

      Thanks, if you meant sharing data across the scenario then unfortunately that is not covered yet.

  • @sagars3177
    @sagars3177 ปีที่แล้ว +1

    Hi Koushik, Can you share multiple window handling with cucumber-playwright. Aware about the playwright listening to event popup. But how the design should be with Cucumber-Playwright

    • @letcode
      @letcode  ปีที่แล้ว

      Ok, I'll update the git or make a video.

  • @ashirbadprusty9327
    @ashirbadprusty9327 6 หลายเดือนก่อน +1

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

    • @letcode
      @letcode  6 หลายเดือนก่อน

      Which version you are using?

    • @ashirbadprusty9327
      @ashirbadprusty9327 6 หลายเดือนก่อน +1

      it got resolved, I have added following in cucumber.json
      "publish":true,

    • @letcode
      @letcode  6 หลายเดือนก่อน

      Great

  • @swapnilbodade1336
    @swapnilbodade1336 10 หลายเดือนก่อน +1

    Which theme you are using bro, looks good

    • @letcode
      @letcode  10 หลายเดือนก่อน

      Here is my vs code setup bro.
      th-cam.com/video/1mJbq4oJpQ0/w-d-xo.htmlsi=9q7911Ze4l6GQU8o

  • @Ashokkumar-uv4fs
    @Ashokkumar-uv4fs 8 หลายเดือนก่อน +1

    Could you please share tutorials for selinum with c# in visual studio code

    • @letcode
      @letcode  8 หลายเดือนก่อน

      I don't know c# bro

  • @aloks5100
    @aloks5100 4 หลายเดือนก่อน +1

    How will you run the test in headless mode

    • @letcode
      @letcode  4 หลายเดือนก่อน

      Yes

  • @user-uw4qp4qr3j
    @user-uw4qp4qr3j 5 หลายเดือนก่อน +1

    I'm getting a ""Error: Cucumber expected a CommonJS module but found an ES module" after adding the require and requireModule to cucumber.json

    • @letcode
      @letcode  5 หลายเดือนก่อน

      Install tsnode

    • @user-uw4qp4qr3j
      @user-uw4qp4qr3j 5 หลายเดือนก่อน +1

      @@letcode I have, version 10.9.2 . Do I need to use it somewhere for it to work?

    • @letcode
      @letcode  5 หลายเดือนก่อน

      Ok, you need ts config, I believe I have explained in the upcoming video.

    • @user-uw4qp4qr3j
      @user-uw4qp4qr3j 5 หลายเดือนก่อน +4

      @@letcode I've figured it out so wanted to leave the solution here in case anyone is using ESNext as their module, you need to use import and loader instead of require and requireModule, and ts-node/esm instead of ts-node/register

    • @letcode
      @letcode  5 หลายเดือนก่อน

      Cool, I'm not aware of this.

  • @nandakamrutha
    @nandakamrutha 7 หลายเดือนก่อน +1

    I am using JS with playwright. I followed PageFixture file with page property undefined and importing it to loginsteps.js as "const { pageFixture } = require('../../hooks/pageFixture');
    " and i get this error "TypeError: Cannot read properties of undefined (reading 'page') unable to get page functionalities.Can you help me resolve it

    • @letcode
      @letcode  6 หลายเดือนก่อน

      The import may be different in js, check how to import/export class objects.

  • @vikaspal490
    @vikaspal490 7 หลายเดือนก่อน +1

    Hello Koushik, i am not able to install the browser, it's getting 'failed to install browser' SELF_SIGNED_CERT_IN_CHAIN .
    how to fix this issue.

    • @letcode
      @letcode  7 หลายเดือนก่อน

      Hey, solution is here
      github.com/microsoft/playwright-java/issues/1397

  • @DavidAlejandroAcevedoGarcia
    @DavidAlejandroAcevedoGarcia 5 หลายเดือนก่อน +1

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

    • @letcode
      @letcode  5 หลายเดือนก่อน

      I use the page and expect from the playwright test.

  • @danielkovacs3664
    @danielkovacs3664 11 หลายเดือนก่อน +1

    hi
    i converted the stepts, copied to ts file but all time i get this:2 scenarios (2 undefined)
    12 steps (12 undefined)
    tried dryrun false/=true
    {
    "default":{
    "formatOptions":{
    "snippetInterface": "async-await"
    },
    "paths": ["tests/features/*.feature"]
    },
    "dryRun": true,
    "require": ["tests/steps/*.ts"],
    "requireModule":[
    "ts-node/register"
    ],
    "format": [
    "summary",
    "progress-bar"
    ]
    }
    what i the problem do u suggest something?

    • @letcode
      @letcode  11 หลายเดือนก่อน

      Seems to be path issue only, make sure all the methods have been implemented, even if there is a extra space it will give undefined.

  • @reshmapatil3473
    @reshmapatil3473 ปีที่แล้ว +1

    Please help me i am getting message as “Cucumber can run only on Node.js versions 18 || >=20. This Node.js version is v16.13.0
    What cucumber version is compatible?

    • @letcode
      @letcode  ปีที่แล้ว

      Update the node version tik 18 it should work

  • @maheshtekawade3952
    @maheshtekawade3952 11 หลายเดือนก่อน +1

    Hi sir,may i know why we are getting yellow lines in feature file?

    • @letcode
      @letcode  11 หลายเดือนก่อน

      If it's not mapped to the step definition.

  • @kidvikvlogs
    @kidvikvlogs ปีที่แล้ว +1

    Hi bro ,when can we expect playwright to be popular like selenium?

    • @letcode
      @letcode  ปีที่แล้ว

      It is already gained so much popular, but like selenium it might take another 5 to 10 years.

  • @blecomp
    @blecomp ปีที่แล้ว +1

    Hello my friend, again thanks for this great course, there is away to use Trace Viewer in this project? Thanks a lot

    • @letcode
      @letcode  ปีที่แล้ว

      Thanks, yes we can add that too, I'll update the code.

    • @blecomp
      @blecomp ปีที่แล้ว +1

      @@letcode Thanks friend, do you have a snippet code for do that?

    • @letcode
      @letcode  ปีที่แล้ว

      Once I'm done with the code I'll update GitHub.

    • @blecomp
      @blecomp ปีที่แล้ว +1

      @@letcode Thanks friend, you are the best.

  • @arunbala2805
    @arunbala2805 ปีที่แล้ว

    nice one with music, really well explained, helps me at work

    • @letcode
      @letcode  ปีที่แล้ว

      Thanks 😊

  • @pushpalatha5437
    @pushpalatha5437 หลายเดือนก่อน +1

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

    • @letcode
      @letcode  หลายเดือนก่อน

      pw config is only for pw runner, as we are using cucumber we have to create cucumber runner.

  • @HariBaabu-dp1mf
    @HariBaabu-dp1mf ปีที่แล้ว +1

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

    • @letcode
      @letcode  ปีที่แล้ว

      Is dry run false?

    • @HariBaabu-dp1mf
      @HariBaabu-dp1mf ปีที่แล้ว +1

      Nope it was set to true
      It worked after setting to false
      Thanks

  • @pushpalatha5437
    @pushpalatha5437 7 หลายเดือนก่อน +1

    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

    • @letcode
      @letcode  7 หลายเดือนก่อน

      Hi is the tsconfig added

    • @pushpalatha5437
      @pushpalatha5437 7 หลายเดือนก่อน

      Thankyou for your reply, yeah added tsconfig file with content(target is es6 and module is commonjs)​@@letcode

  • @anandthakur4620
    @anandthakur4620 2 หลายเดือนก่อน +1

    How we send report , can u give that toturial

    • @letcode
      @letcode  2 หลายเดือนก่อน

      It is html file , you can share directly.

  • @Ashokkumar-uv4fs
    @Ashokkumar-uv4fs ปีที่แล้ว +1

    How to add playwright with cucumber code into release pipeline, please share any video link

    • @letcode
      @letcode  ปีที่แล้ว

      th-cam.com/video/1KPSIwbiyNQ/w-d-xo.htmlsi=_-In5EwnSfh1iKtt

  • @SimplyRandomStuff
    @SimplyRandomStuff 8 หลายเดือนก่อน +1

    Hi Koushik, could you please make a video on cucumber BDD + Playwrite Python

    • @letcode
      @letcode  8 หลายเดือนก่อน

      I'm not good at python, maybe in the future.

  • @ArunYadav23
    @ArunYadav23 ปีที่แล้ว +2

    Getting this after running npm test
    0 scenarios
    0 steps
    0m00.000s
    followed the same step, help me plz....

    • @letcode
      @letcode  ปีที่แล้ว

      Is dry run false ?

  • @KarthikeyanPMani
    @KarthikeyanPMani ปีที่แล้ว +1

    After changing/updating the cucumber setting json file when i mouse hover on the feature file gherkin steps it not showing up the definition and also I am not able to navigate to step definition file from feature file.

    • @letcode
      @letcode  ปีที่แล้ว

      I believe you have changed the glue and also the feature file path

    • @Gauravsharma-yi2dl
      @Gauravsharma-yi2dl ปีที่แล้ว +1

      @@letcode HI Koushik , I have changed glue and feature file path in setting.json file but still not able to navigate to step definition file from feature file.

    • @Gauravsharma-yi2dl
      @Gauravsharma-yi2dl ปีที่แล้ว

      "cucumberautocomplete.formatConfOverride": {
      } ,
      "cucumber.features" : [
      "src/test/features/*.feature" ,
      ] ,
      "cucumber.glue" : [
      "src/test/steps/*.js"
      ],

    • @letcode
      @letcode  ปีที่แล้ว

      Pls restart vs code and check, make sure the file paths are set properly in the settings.json

  • @AlonaLos
    @AlonaLos ปีที่แล้ว +1

    I'm getting Cucumber Language Server client: couldn't create connection to server. Do you know how to go about it?

    • @letcode
      @letcode  ปีที่แล้ว

      Hi, I'm not sure about it, i haven't faced it anytime.

    • @AlonaLos
      @AlonaLos ปีที่แล้ว +1

      There was a bug in VS Code 1.78. So downgrading to v-1.68 and setting Update: Mode to manual (instead of default) resolved this issue.

    • @letcode
      @letcode  ปีที่แล้ว

      @@AlonaLos great 👍

  • @Ashokkumar-uv4fs
    @Ashokkumar-uv4fs ปีที่แล้ว +1

    Hi i am getting error page.waitForURL: Navigation failed because page was closed!, my page take much time some time, how to solve this issue

    • @letcode
      @letcode  ปีที่แล้ว

      You can increase the timeout, i have discussed in the upcoming videos. Pls go through the playlist.

  • @praveen-Vlog
    @praveen-Vlog 10 หลายเดือนก่อน

    Hi bro,
    I have doubts about step definition file now calling other class properties. But that time error is appearing. Please help me to fix that issue.

    • @letcode
      @letcode  10 หลายเดือนก่อน

      How r u calling other properties.

  • @mohiniyerra3818
    @mohiniyerra3818 ปีที่แล้ว +1

    Hi Koushik, I am following your video to learn cucumber with TS. All steps are defined. But feature file is not mapped with Step Definition file.
    Scenarios are failed when I execute the steps. settings.json file is also configured with feature path and step definition path before execute the file.
    Please advise some idea where it went wrong?

    • @letcode
      @letcode  ปีที่แล้ว

      Pls do the configuration properly

    • @yadavalingam279
      @yadavalingam279 11 หลายเดือนก่อน +1

      I have same issue. Were you able to resolve it?

    • @letcode
      @letcode  11 หลายเดือนก่อน

      I have covered this issue in the upcoming video.

    • @yrl6823
      @yrl6823 11 หลายเดือนก่อน

      @@letcode Thank you for the recordings. I've watched the Part 1 video and followed the instructions provided. However, while reviewing the Part 2 video, I couldn't locate any particular setting to emphasize the step definition. Could you please provide further guidance on this?
      I have below extensions in my VS code.
      alexkrechik.cucumberautocomplete
      CucumberOpen.cucumber-official
      formulahendry.code-runner
      iteratec.bdd-power-tools
      ms-vscode.vscode-typescript-next
      rioj7.vscode-bdd-gotostep
      ritwickdey.LiveServer
      stevejpurves.cucumber
      xabikos.JavaScriptSnippets
      Settings.json for Cucumber extension has below settings.
      "cucumber.features": [

      "bdd/features/*.feature",
      "relative path/Feature1.feature"
      ],
      "cucumber.glue": [
      "relative Path/*.ts"
      ],

    • @yrl6823
      @yrl6823 11 หลายเดือนก่อน +1

      I have created a brand new project with the steps mentioned in this video and Step Definition is clickable now in .feature file. I will figure out why Step Definition is not clickable in my own project. Thanks again Koushik for the great content.

  • @earvinnillcastillo4177
    @earvinnillcastillo4177 ปีที่แล้ว +1

    i am receiving Cannot use import statement outside a module when adding import given
    already added type module in package.json but not working

    • @letcode
      @letcode  ปีที่แล้ว +1

      In the json file, you have to add that as mentioned in the video.

    • @earvinnillcastillo4177
      @earvinnillcastillo4177 ปีที่แล้ว

      @@letcode found it. waiting for part 2!

    • @preminifrancis
      @preminifrancis ปีที่แล้ว +1

      I am getting the same error. What needs to be added where?

    • @letcode
      @letcode  ปีที่แล้ว

      In the tsconfig file.
      Please rewatch the video.

    • @westwai-pe7gw
      @westwai-pe7gw ปีที่แล้ว +2

      I'm having the same issue even with "requireModule" added. Could you advise on how to fix it?

  • @nguyenkhoi3775
    @nguyenkhoi3775 ปีที่แล้ว +1

    Hi can you explain why you don't config with file playwright.config.ts

    • @letcode
      @letcode  ปีที่แล้ว

      That is for the playwright test runner, here I'm using cucumber so it should be handled by a cucumber runner.

    • @vitalkumar-s7r
      @vitalkumar-s7r ปีที่แล้ว +1

      @@letcode , but we are missing real features of Playwright. Which is best playwright test runner or cucumber runner.

    • @letcode
      @letcode  ปีที่แล้ว +1

      @@vitalkumar-s7r I'm not a fan of cucumber 🥒 so test runner is obviously recommended

  • @rafal1677
    @rafal1677 หลายเดือนก่อน +1

    Hi does Codegen works with this solution?

    • @letcode
      @letcode  หลายเดือนก่อน

      Partially yes, you can use the codegen but not with step definitions.

    • @rafal1677
      @rafal1677 หลายเดือนก่อน +1

      @@letcode thanks for the answer, whatabouts: waits, auto waiting, auto waiting in assertions, StorageState, record at cursor, record new, Rest API tests, Cross-browser e.t.c

    • @letcode
      @letcode  หลายเดือนก่อน +1

      I have answered everything in the playlist.

  • @Kumarkumar-gf3kk
    @Kumarkumar-gf3kk 6 หลายเดือนก่อน +1

    When run the test ,Im getting 1 scenario (1 skipped)
    6 steps (6 skipped) . Please help me on this . I have configured correct paths to feature and steps file in cucumber.json. Any help on this is highly appreciated

    • @letcode
      @letcode  6 หลายเดือนก่อน +1

      I have explained skip means.

  • @subramanyamr1985
    @subramanyamr1985 ปีที่แล้ว +1

    Thank you very much bro

  • @veenasri-i9b
    @veenasri-i9b 5 หลายเดือนก่อน

    Hi Kaushik, Thank you for your videos which is making us to learn with short period of time. I have doubt related to cucumber configuration file. What is the difference between cucumber.json file and cucumber.js file? with the latest version it will support only cucumber.js file?

    • @letcode
      @letcode  5 หลายเดือนก่อน

      Both serve the same purpose, I started with json but then I changed to . Js as I want to pass tags.

  • @janmejay-arya
    @janmejay-arya 6 หลายเดือนก่อน +1

    not able to run the playwright cucumber in headless mode with your framework

    • @letcode
      @letcode  6 หลายเดือนก่อน

      Yes , an issue is there, Directly set the value it will work.

  • @Ashokkumar-uv4fs
    @Ashokkumar-uv4fs ปีที่แล้ว +1

    Hi i am tired to validate toaster message but i am getting timeout 12000 ms waiting for expect (received). Tovisible(). That toaster message is only available 5 sec in that page. Please help me slove this issue

    • @letcode
      @letcode  ปีที่แล้ว

      Is await used properly? And is the locator is correct?

  • @cuteshayonsimba
    @cuteshayonsimba 4 หลายเดือนก่อน +1

    Nice one But can u help me with this error.. I am trying to do Node js API testing
    Error: cucmber expected commonjs module but found ES Module

    • @letcode
      @letcode  4 หลายเดือนก่อน

      You have to set up the tsconfig file, I have Discussed that in this playlist.

  • @ghummakad_premi
    @ghummakad_premi ปีที่แล้ว +2

    I did the config changes for steps mapping given in the last section and now I can not see any steps being run - it says 0 scenarios
    0 steps
    0m00.000s (executing steps: 0m00.000s)

    • @letcode
      @letcode  ปีที่แล้ว

      Is the feature file path are set properly?

    • @ghummakad_premi
      @ghummakad_premi ปีที่แล้ว +1

      @@letcode yes bro fixed it

    • @letcode
      @letcode  ปีที่แล้ว

      😊

    • @wss2013
      @wss2013 ปีที่แล้ว +1

      because you have a tag in line 3 of the cucumber.json file

    • @veereshkumars3298
      @veereshkumars3298 ปีที่แล้ว

      I am also facing the same issue, can you help me with it bro?!

  • @kunalnegi7582
    @kunalnegi7582 ปีที่แล้ว +1

    Same framework with Allure ??

    • @letcode
      @letcode  ปีที่แล้ว

      Better reporting is available

    • @desktechzone
      @desktechzone ปีที่แล้ว +1

      @@letcode can you say which reporting you think is better?

    • @letcode
      @letcode  ปีที่แล้ว

      I already posted a video.
      Pls check the playlist.

  • @nguyenthiloan2029
    @nguyenthiloan2029 ปีที่แล้ว +2

    I am learning about playwright and following your tutorial. When I create a feature file then it shows these errors. Do you know how to fix it?
    [Error - 5:30:39 PM] Server initialization failed.
    Message: Request initialize failed with message: abort(Assertion failed: bad export type for `tree_sitter_c_sharp_external_scanner_create`: undefined). Build with -s ASSERTIONS=1 for more info.
    Code: -32603
    [Error - 5:30:39 PM] Cucumber Language Server client: couldn't create connection to server.
    Message: Request initialize failed with message: abort(Assertion failed: bad export type for `tree_sitter_c_sharp_external_scanner_create`: undefined). Build with -s ASSERTIONS=1 for more info.
    Code: -32603

    • @letcode
      @letcode  ปีที่แล้ว

      Is this error from typescript code ?

    • @nguyenthiloan2029
      @nguyenthiloan2029 ปีที่แล้ว +1

      @@letcode It is an error from Cucumber. I fixed it already. Thanks.

    • @AlonaLos
      @AlonaLos ปีที่แล้ว

      @@nguyenthiloan2029 how did you fix it? I'm facing the same

    • @nguyenthiloan2029
      @nguyenthiloan2029 ปีที่แล้ว

      @@AlonaLos I opened the folder .vscode/extensions and deleted the related cucumber folder.

    • @mohiniyerra3818
      @mohiniyerra3818 ปีที่แล้ว

      How did you fix ?

  • @vitalkumar-s7r
    @vitalkumar-s7r ปีที่แล้ว

    How to execute only one scenario in the feature file. I have tried using @focus...but not working. Can you help me?

    • @letcode
      @letcode  ปีที่แล้ว

      Continue with the playlist, i have explained

    • @vitalkumar-s7r
      @vitalkumar-s7r ปีที่แล้ว

      By changing in path in cucumber.json?

    • @letcode
      @letcode  ปีที่แล้ว

      th-cam.com/video/nlYf3M0z6UM/w-d-xo.html

  • @ginomariojt
    @ginomariojt 2 หลายเดือนก่อน +1

    i have the error "Cucumber expected a CommonJS module but found an ES module."

    • @letcode
      @letcode  2 หลายเดือนก่อน

      You have to set the tsconfig

    • @alperyigit7861
      @alperyigit7861 หลายเดือนก่อน

      @@letcode How can I set ? There was a config file at the beginning and we deleted it as you showed

  • @nandakamrutha
    @nandakamrutha 7 หลายเดือนก่อน +1

    Hello Koushik, all my cucumber steps where skipped untill I made this change dryrun:false

    • @letcode
      @letcode  7 หลายเดือนก่อน

      That is expected, dryrun means it won't execute.

  • @danielkovacs3664
    @danielkovacs3664 6 หลายเดือนก่อน +1

    nice series, i follow every steps, but after generated the steps, and copy one to my steps.ts, and try to run "npm test"
    I get an error
    > ui@1.0.0 test
    > cucumber-js test
    Error: Cannot find module 'typescript'
    what should i do?

    • @letcode
      @letcode  6 หลายเดือนก่อน

      Have you installed all the packages and tsconfig is done?

  • @drona8813
    @drona8813 ปีที่แล้ว +1

    I tried all the steps as it is but the linkage is not working plus while executing it is considered as skipped. If possible please help!

    • @letcode
      @letcode  ปีที่แล้ว

      Is dryrun false?

    • @drona8813
      @drona8813 ปีที่แล้ว +1

      ​@@letcode no it was true, and after making it false it started running - skipped cases are passed.
      But still linkage between feature file and step file is not working.
      Any suggestions?

    • @letcode
      @letcode  ปีที่แล้ว

      @@drona8813 that is extension problem, i have updated that in the latest video.

    • @drona8813
      @drona8813 ปีที่แล้ว

      Latest video? Which one? Could you please help me with the link.
      Thanks

    • @letcode
      @letcode  ปีที่แล้ว

      th-cam.com/video/zYUZujrURq0/w-d-xo.html

  • @rajendraprasad3784
    @rajendraprasad3784 7 หลายเดือนก่อน +1

    Bro do you have tamil vieo of this ?

    • @letcode
      @letcode  7 หลายเดือนก่อน

      No bro

  • @devperera2439
    @devperera2439 ปีที่แล้ว +1

    I am getting following error message, Error: function timed out, ensure the promise resolves within 5000 milliseconds

    • @letcode
      @letcode  ปีที่แล้ว

      Timeout is covered in the upcoming videos

  • @pucvala6020
    @pucvala6020 ปีที่แล้ว +1

    Thank you very good

    • @letcode
      @letcode  ปีที่แล้ว

      Welcome 😊

  • @Ashokkumar-uv4fs
    @Ashokkumar-uv4fs 8 หลายเดือนก่อน

    I am getting error locator.textContent: Timeout 30000ms exceeded how can i slove this issue

    • @sherxdavid
      @sherxdavid 8 หลายเดือนก่อน +1

      double check the value of the specific locator where the error resides, i might be a typo or somrthing, hope that helps.

    • @Ashokkumar-uv4fs
      @Ashokkumar-uv4fs 8 หลายเดือนก่อน +1

      @@sherxdavid it's works some time, but some time failed.

    • @letcode
      @letcode  7 หลายเดือนก่อน

      Is await used properly?
      If u r doing assertion then use playwright web first assertion so that auto timeout will be applicable.

  • @wrong4250
    @wrong4250 หลายเดือนก่อน +1

    To Who are facing
    import { Given, When, Then } from "@cucumber/cucumber";
    ^^^^^^
    SyntaxError: Cannot use import statement outside a module
    Even After adding "requireModule": [
    "ts-node/register"
    ]
    Create a file name it "tsconfig.json" in Root Folder and Paste below code in it
    {
    "compilerOptions": {
    "target": "ES2020",
    "module": "CommonJS",
    "strict": true,
    "esModuleInterop": true,
    "outDir": "dist"
    },
    "include": ["src/**/*"],
    "exclude": ["node_modules"]
    }

    • @letcode
      @letcode  หลายเดือนก่อน +1

      Good 👍

  • @ppp.1334
    @ppp.1334 2 หลายเดือนก่อน +1

    some how on my end it doesnt work
    0 scenarios
    0 steps

    • @letcode
      @letcode  2 หลายเดือนก่อน

      Hm, check if dryrun is false and all the paths are given properly within the config.

    • @ppp.1334
      @ppp.1334 2 หลายเดือนก่อน

      @letcode i checked everything,
      Now willa check settings.json

  • @Tweetygirl6383
    @Tweetygirl6383 ปีที่แล้ว +1

    Sir only 0 scenarios and 0 steps view how to solve that please reply me sir

    • @letcode
      @letcode  ปีที่แล้ว

      Is dry run false?

    • @Tweetygirl6383
      @Tweetygirl6383 ปีที่แล้ว

      Yes I write scenarios but excute o steps

    • @Tanya-sh1kj
      @Tanya-sh1kj 3 หลายเดือนก่อน +1

      Hi, I had the same problem and I fixed it after I copied and pasted the exact content from the login.feature file given in Koushik's GitHub.

  • @KanagaveluSugumar
    @KanagaveluSugumar ปีที่แล้ว +1

    Music is disturbing to listen your steps. But Thanks a lot for ur effort!!!

    • @letcode
      @letcode  ปีที่แล้ว

      Music is there only in the intro, if u still feel bad I'm sorry.

  • @BhaveshPanchal
    @BhaveshPanchal 9 วันที่ผ่านมา +1

    0:59 Sorry but very annoying bgm.

    • @letcode
      @letcode  9 วันที่ผ่านมา

      Yes, other videos don't have

  • @RaviKumarKosanwar
    @RaviKumarKosanwar 5 หลายเดือนก่อน

    npm ERR! Missing script: "test"
    npm ERR!
    npm ERR! To see a list of scripts, run:
    npm ERR! npm run
    hi sir getting this above error please help

    • @letcode
      @letcode  5 หลายเดือนก่อน +1

      npm run test

    • @RaviKumarKosanwar
      @RaviKumarKosanwar 5 หลายเดือนก่อน

      @@letcode still getting the same error sir

    • @letcode
      @letcode  5 หลายเดือนก่อน

      Do you have script tag within package.json?

    • @RaviKumarKosanwar
      @RaviKumarKosanwar 5 หลายเดือนก่อน

      @@letcode hey i did not saved the .feature file and .json files.
      after saving the files its working fine.
      thanks for the reply

    • @letcode
      @letcode  5 หลายเดือนก่อน

      😎

  • @Tweetygirl6383
    @Tweetygirl6383 ปีที่แล้ว +1

    Sir i need u r help sir

    • @letcode
      @letcode  ปีที่แล้ว

      Replied on previous comment.

  • @ashirbadprusty9327
    @ashirbadprusty9327 6 หลายเดือนก่อน +1

    When executing getting following error:
    D:\Playwright_TypeScript_Cucumber\src\test\steps\loginSteps.ts:1
    import { Given } from "@cucumber/cucumber";
    ^^^^^^
    SyntaxError: Cannot use import statement outside a module
    at internalCompileFunction (node:internal/vm:77:18)
    at wrapSafe (node:internal/modules/cjs/loader:1288:20)
    at Module._compile (node:internal/modules/cjs/loader:1340:27)
    at Module._extensions..js (node:internal/modules/cjs/loader:1435:10)
    at Module.load (node:internal/modules/cjs/loader:1207:32)
    at Module._load (node:internal/modules/cjs/loader:1023:12)
    at Module.require (node:internal/modules/cjs/loader:1235:19)
    at require (node:internal/modules/helpers:176:18)
    at tryRequire (D:\Playwright_TypeScript_Cucumber
    ode_modules\@cucumber\cucumber\lib\try_require.js:11:16)
    at D:\Playwright_TypeScript_Cucumber
    ode_modules\@cucumber\cucumber\lib\api\support.js:24:35
    PS D:\Playwright_TypeScript_Cucumber>
    when I change from
    // import { Given, When, Then, setDefaultTimeout } from "@cucumber/cucumber";
    To below then it started working
    const { Given, When, Then } = require('@cucumber/cucumber');

    • @ashirbadprusty9327
      @ashirbadprusty9327 6 หลายเดือนก่อน +1

      for this I added "requireModule": ["ts-node/register"], under default in cucumber.json

    • @letcode
      @letcode  6 หลายเดือนก่อน

      Working now?

    • @ashirbadprusty9327
      @ashirbadprusty9327 6 หลายเดือนก่อน +1

      @@letcode yes, thank you

    • @SourabhKaujalgi
      @SourabhKaujalgi 6 หลายเดือนก่อน

      I am also facing above Issue if I add "requireModule": ["ts-node/register"] Then observing error as Cucumber expected a CommonJS module at 'src\test\steps\loginstep.ts' but found an ES module. Either change the file to CommonJS syntax or use the --import directive instead of --require. Please help if anyone have solution

  • @sagarsjdjfn
    @sagarsjdjfn ปีที่แล้ว +3

    stop the music its disturbing.

    • @letcode
      @letcode  ปีที่แล้ว

      Other videos will have only intro music.

  • @luckybeast4757
    @luckybeast4757 11 หลายเดือนก่อน

    Please help me bro

    • @letcode
      @letcode  10 หลายเดือนก่อน

      yes

  • @luckybeast4757
    @luckybeast4757 11 หลายเดือนก่อน

    Please reply kaoishik please

    • @letcode
      @letcode  10 หลายเดือนก่อน

      What's up?