Part 40 - Cypress - Cucumber - HTML Report With Screenshot

[@ElPalcoTigreHermano]

THANK YOU! I had built with the standard preprocessor setup, but I was missing the screenshots. Code at 14:58 has everything I needed. Flawless copy paste. Thank you.

[@domin0602]

Amazing. Helped to attached the screenshot to my html report

[@vinay_30]

Thanks for this!! Can you please help me with this : I want url used in reports I am running scripts for multiple URL so when reports get generate it should print that one parameter of URL used

[@likeme388]

Great work brother, Really helpful 👏

[@lyubaboerma2835]

thanks a lot! now we have beautiful reports!

[@gokult4355]

Is it possible to skip feature file e.g. if login feature file failed other feature file need to skip

[@gokult4355]

In Cucumber report I can attach screenshot link but after clicked on link is broken(before it was working).

[@Shahzilrind]

Best lecture can you please make a tutorial on scenario outline with example table. For login feature file with multiple user

[@QABoxLetsTest]

Thanks for your nice words, I've used datatable to create multiple todos. That scenario ideally has to be named as scenario outline. Hope that answers.

[@gokult4355]

Thank You for video, its working

[@sudheermanikonda392]

A very good one. I am badly looking for a video where we can easily select dates from calendar in cypress. Will you be able to do that?

[@QABoxLetsTest]

Thanks, just use type if there is also an input box to show the selected date. Else you need to write a custom function to select specific date. For normal typing a trick is there that I have shown in the following video kzbin.info/www/bejne/n5XZpamphZaCnNU

[@kunalkansal4241]

Sir, your videos are very helpfull but there is a confusion, is it possible to do load and stress testing in cypress. If yes can you please provide some refrence.

[@QABoxLetsTest]

No, Cypress focus on functional testing only; which is predominantly focused on client side rendering. So, using Google lighthouse it can do client side performance testing but stress and load is applied on Server. And for that you have tools like jmeter and k6

[@kunalkansal4241]

@@QABoxLetsTest Thank sir for the response. i am trying to run some cypress tests in my repository and it is giving this error "cant run because no spec file found." and"We searched for any files inside of this folder:" and then complete directory name. All the test cases are under integration folder. Can you please help me on that?

[@QABoxLetsTest]

This happens when Cypress doesn't find your test files. Check the path of Integration folder in cypress.json file. It should point to folder where you are keeping your test files.

[@kunalkansal7718]

@@QABoxLetsTest thanks you so much, issue resolved.

[@diieggo2]

Thank you

[@gokult4355]

Can you please tell me how to execute headed chrome with test command

[@QABoxLetsTest]

Ideally we don't run tests in head mode in ci/cd pipeline. If you still want to do then please watch part 21 of this series.

[@firuzakasirova8303]

Sorry may I ask you how we can to use start time and end time for multiple-cucumber-html-reporter, because for working end time but start time not, maybe can to give suggestion

[@QABoxLetsTest]

displayDuration Type: boolean Mandatory: No If set to true the duration of steps, scenarios and features is displayed on the Features overview and single feature page in an easily readable format. This expects the durations in the report to be in nanoseconds, which might result in incorrect durations when using a version of Cucumber(JS 2 and 3) that does not report in nanoseconds but in milliseconds. This can be changed to milliseconds by adding the parameter durationInMS: true Please read www.npmjs.com/package/multiple-cucumber-html-reporter for more details

[@firuzakasirova8303]

@@QABoxLetsTest Thanks , I found solution for this.

[@firuzakasirova8303]

I had another question do you have some information how I can to use for Cypress BDD with Mocking API,, Can you give me suggestion

[@firuzakasirova8303]

How I see you have really a lot of information about cypress

[@abdullasuhail6070]

How can i share reports to my lead/manager when this report is generated in my local ?

[@QABoxLetsTest]

You have to share the complete reports folder.

[@surishettysainath3369]

when sending the cucumber HTML report to someone they couldn't view the report properly. Is there any solution for this issue.

[@QABoxLetsTest]

A web page is made up of css, html and js. Send everything you are using in your report

[@gokult4355]

Zip the report folder and sent to anyone then other can see

[@gokult4355]

Is possible to attach video for failed steps e. g like screenshot

[@QABoxLetsTest]

Possible in non bdd style

[@gokult4355]

@@QABoxLetsTest But i could attach screenshot for failed step in cucumber report(BDD style), similarly is there any way to attach video for failed step

[@QABoxLetsTest]

Yeah, I covered what was possible at that point of time, which is adding screenshot

[@MsJaichan]

Hii!!. I have configured everything as per your tutorial but I don't see the screenshot in report. I see screenshot link but after clicked Image is broken. Im using mac and have tried opening the report in multiple browsers Please help!

[@QABoxLetsTest]

I believe screenshot path isn't set correctly, that's the only reason images could appear broken on a web page.

[@vikashsharma7905]

Please check if the name of the scenario/feature you are using does not have spl charecter like colon , which is not supported by file name

[@mathiasmartinez1011]

@@QABoxLetsTest Hi, I have the same problem. And let me tell you that I follow step by step the cpy paste code as you have on your repo and the screenshot appears as broken. I tried many ways what happen but I don´t know

[@QABoxLetsTest]

Link seems broken because the path of file is not set to right location. Right click the image element and check it's src attribute. It should point to location where your screenshots are.

[@mathiasmartinez1011]

@@QABoxLetsTest If you just copy paste as your video it means that it should works for me also. Can you provide me some email to send my repo please if you can check please?

[@suchitnarayan]

For running scripts using tag, when I run the scripts using the tag as mentioned in the video then the scripts which are not getting executed are showing as skipped in the report which in turn shows the wrong pass percentage. Is there any solution to not to show the skipped tests

[@QABoxLetsTest]

In JS Mocha skip means not executed and we don't have dependantOn scenario. Hence leaving skip in report is fine.

[@suchitnarayan]

@@QABoxLetsTestThanks for the response. Anything that can be done for pass percentage?? Eg: if I have 4 scenarios and 1 got executed using tag with status as pass. now pass percentage is showing as 25% and not 100% . So this calculation is also considering the skipped test case. Anything that can be done to fix this

[@QABoxLetsTest]

If you are using mochawesome reporter then in my video on mochawesome I showed how you could customise it in context of Cypress. May be you need to check that and see if you could do something regarding your case.

[@suchitnarayan]

@@QABoxLetsTest I am using cucumber html reporter but thanks I will try something out. Thanks for the useful tutorial

[@kapillomte8409]

Hello it's very good video, is it possible to integrate cucumber reports in azure?

[@QABoxLetsTest]

Well, thanks but unfortunately Azure doesn't allow html reports at this point of time as I explained in my Cypress on Azure video

[@kapillomte8409]

Is it possible to do

[@kapillomte8409]

We have one cucumber html report plugin in azure if we install I think then it will work

[@QABoxLetsTest]

When I last checked there was no support for html reports. But if there is one as you are saying then please go ahead and give it a try.

[@MrLakeshoreBoy]

Is it possible to add logs and video to this report?

[@QABoxLetsTest]

Not possible at the time of recording this video.

[@digimortalll]

Hi. This code is not working even if all errors are fixed.

[@QABoxLetsTest]

You might be doing something wrong Just use my GitHub repo and run it It works perfectly fine.