- 110
- 34 052
WishInfinite
เข้าร่วมเมื่อ 8 ต.ค. 2023
"WishInfinite : Your go-to channel for mastering Software testing, Coding, and Automation. Join me for expert insights, tutorials, and tips !!"
@WishInfinite, Wish Infinite, Test Code Automate, testcodeautomate, @testcodeautomate
Email -
wishinfinite01@gmail.com
@WishInfinite, Wish Infinite, Test Code Automate, testcodeautomate, @testcodeautomate
Email -
wishinfinite01@gmail.com
Playwright Tutorial | Allure Report in Playwright with Screenshot, Videos, Trace Viewer and Retries
Allure Reporting in Playwright
Allure Report for Playwright
How to Generate Allure Reports In Playwright Automatically With Screenshot
Allure Reporting for Playwright - A comprehensive all-in-one test report
Playwright with Javascript | How to Generate Allure Reports
Playwright Allure Report | Playwright Tutorial
#playwright #typescript #javascript #tutorial #automation #testing #coding #selenium #cypress
playwright, playwright tutorial, playwright testing
===============================================================================
Chapters
00:00 - Introduction Allure Report in Playwright
01:28 - Installation of allure-playwright package
03:52 - Generate Allure Result Files through command line with Playwright
15:15 - Generate Allure Result Files through Playwright Config file
21:07 - Generate Allure Report files in Playwright
24:55 - Open Allure Report in Playwright
27:13 - Alternate way to generate and Open Allure report in Playwright
31:28 - Read Allure Report generated by Playwright
40:13 - Screenshot, Videos, Traces & Retries information in Allure Report in Playwright
43:20 - Use of --clean to generate Playwright Allure Report files
49:54 - Multiple Reporter generation with Allure report in Playwright
53:26 - Recap
================================================================================
Playwright with TypeScript / JavaScript Series - th-cam.com/play/PL83cimSRP5ZmwhC6u255huRwSi9tlP-nc.html
Playwright API Testing - th-cam.com/play/PL83cimSRP5ZlwSHlydctQ2njy0nTtjpPZ.html
Learn Playwright in 60 Seconds (Shorts Playlist) - th-cam.com/play/PL83cimSRP5ZlgDL11AGCufbTmADTOwHhO.html
Playwright Quiz - www.youtube.com/@WishInfinite/community
Playwright Notes - docs.google.com/document/d/1O5NSFhHGc9icU3rfERSolAhLUxy2NxyiujsztN3ICL8/edit?usp=sharing
In Built Reporters in Playwright - th-cam.com/video/Q04DGjjlkH4/w-d-xo.html
Handle Multiple Environment in Playwright - th-cam.com/video/c-TC9QEuMuo/w-d-xo.html
HTML Reporter in Playwright - th-cam.com/video/o5JN_jP10Tk/w-d-xo.html
Understanding of Playwright Config File - th-cam.com/video/n5DPlGlQn_U/w-d-xo.html
Trace Viewer Video - th-cam.com/video/PBMWZfwnQ3E/w-d-xo.html
============================================================================================================
Playwright with TypeScript | Allure Report in Playwright with Screenshot, Videos, Trace Viewer and Retries
By integrating Allure with Playwright, users can leverage Allure's powerful reporting capabilities to enhance the visibility and analysis of their test results.
1 - Installation of allure-playwright package -
npm install allure-playwright
2 - Generate Allure Result files -
Generate Allure Result files through command line -
Generate result files in default allure-results folder -
npx playwright test --reporter=allure-playwright
Generate result files in specified folder -
CMD or command prompt (for Windows) -
set ALLURE_RESULTS_DIR=ResultFolderName
npx playwright test -reporter=allure-playwright
Powershell Terminal (for Windows) -
$env:ALLURE_RESULTS_DIR=”ResultFolderName”; npx playwright test --reporter=allure-playwright
Bash Terminal (for Mac / Linux) -
ALLURE_RESULTS_DIR=ResultFolderName npx playwright test --reporter=allure-playwright
Generate Allure Result files through Playwright.config.ts file -
Generate result files in default allure-results folder -
reporter:”allure-playwright”
Generate result files in specified folder -
Reporter:[[”allure-playwright”, {outputFolder : ResultFolderName}]]
3 - Generate Allure Report files -
Generate Allure Report files-
Generate Report files in default allure-report folder
allure generate ResultFolderNam --clean
Generate Report files in specified folder -
allure generate ResultFolderName -o ReportFolderName --clean
Note - To Overwrite the old report files it’s better to add --clean at the end , when you are generating report files from results files.
4 - Open Allure Report from Report Files -
allure open ReportFolderName
Alternate Step - Generate Allure Report files and Open Report in single command (Skip Step 3 and 4)
allure serve ResultFolderName
Other Points -
We need to set values for screenshot, video, trace keys in the playwright config file to show it with allure report.
On Adding retries values more than zero in playwright config file, retries execution details will appear with allure report.
If you Just Intrestred in generating Allure Report . Just provide below command -
1 - Install Playwright (Require Only first time for setup) - npm install allure-playwright
2 - Generate Allure Results files - npx playwright test --reporter=allure-playwright
3 - Generate Allure Report files and Open Report - allure serve allure-results
Allure Report for Playwright
How to Generate Allure Reports In Playwright Automatically With Screenshot
Allure Reporting for Playwright - A comprehensive all-in-one test report
Playwright with Javascript | How to Generate Allure Reports
Playwright Allure Report | Playwright Tutorial
#playwright #typescript #javascript #tutorial #automation #testing #coding #selenium #cypress
playwright, playwright tutorial, playwright testing
===============================================================================
Chapters
00:00 - Introduction Allure Report in Playwright
01:28 - Installation of allure-playwright package
03:52 - Generate Allure Result Files through command line with Playwright
15:15 - Generate Allure Result Files through Playwright Config file
21:07 - Generate Allure Report files in Playwright
24:55 - Open Allure Report in Playwright
27:13 - Alternate way to generate and Open Allure report in Playwright
31:28 - Read Allure Report generated by Playwright
40:13 - Screenshot, Videos, Traces & Retries information in Allure Report in Playwright
43:20 - Use of --clean to generate Playwright Allure Report files
49:54 - Multiple Reporter generation with Allure report in Playwright
53:26 - Recap
================================================================================
Playwright with TypeScript / JavaScript Series - th-cam.com/play/PL83cimSRP5ZmwhC6u255huRwSi9tlP-nc.html
Playwright API Testing - th-cam.com/play/PL83cimSRP5ZlwSHlydctQ2njy0nTtjpPZ.html
Learn Playwright in 60 Seconds (Shorts Playlist) - th-cam.com/play/PL83cimSRP5ZlgDL11AGCufbTmADTOwHhO.html
Playwright Quiz - www.youtube.com/@WishInfinite/community
Playwright Notes - docs.google.com/document/d/1O5NSFhHGc9icU3rfERSolAhLUxy2NxyiujsztN3ICL8/edit?usp=sharing
In Built Reporters in Playwright - th-cam.com/video/Q04DGjjlkH4/w-d-xo.html
Handle Multiple Environment in Playwright - th-cam.com/video/c-TC9QEuMuo/w-d-xo.html
HTML Reporter in Playwright - th-cam.com/video/o5JN_jP10Tk/w-d-xo.html
Understanding of Playwright Config File - th-cam.com/video/n5DPlGlQn_U/w-d-xo.html
Trace Viewer Video - th-cam.com/video/PBMWZfwnQ3E/w-d-xo.html
============================================================================================================
Playwright with TypeScript | Allure Report in Playwright with Screenshot, Videos, Trace Viewer and Retries
By integrating Allure with Playwright, users can leverage Allure's powerful reporting capabilities to enhance the visibility and analysis of their test results.
1 - Installation of allure-playwright package -
npm install allure-playwright
2 - Generate Allure Result files -
Generate Allure Result files through command line -
Generate result files in default allure-results folder -
npx playwright test --reporter=allure-playwright
Generate result files in specified folder -
CMD or command prompt (for Windows) -
set ALLURE_RESULTS_DIR=ResultFolderName
npx playwright test -reporter=allure-playwright
Powershell Terminal (for Windows) -
$env:ALLURE_RESULTS_DIR=”ResultFolderName”; npx playwright test --reporter=allure-playwright
Bash Terminal (for Mac / Linux) -
ALLURE_RESULTS_DIR=ResultFolderName npx playwright test --reporter=allure-playwright
Generate Allure Result files through Playwright.config.ts file -
Generate result files in default allure-results folder -
reporter:”allure-playwright”
Generate result files in specified folder -
Reporter:[[”allure-playwright”, {outputFolder : ResultFolderName}]]
3 - Generate Allure Report files -
Generate Allure Report files-
Generate Report files in default allure-report folder
allure generate ResultFolderNam --clean
Generate Report files in specified folder -
allure generate ResultFolderName -o ReportFolderName --clean
Note - To Overwrite the old report files it’s better to add --clean at the end , when you are generating report files from results files.
4 - Open Allure Report from Report Files -
allure open ReportFolderName
Alternate Step - Generate Allure Report files and Open Report in single command (Skip Step 3 and 4)
allure serve ResultFolderName
Other Points -
We need to set values for screenshot, video, trace keys in the playwright config file to show it with allure report.
On Adding retries values more than zero in playwright config file, retries execution details will appear with allure report.
If you Just Intrestred in generating Allure Report . Just provide below command -
1 - Install Playwright (Require Only first time for setup) - npm install allure-playwright
2 - Generate Allure Results files - npx playwright test --reporter=allure-playwright
3 - Generate Allure Report files and Open Report - allure serve allure-results
มุมมอง: 91
วีดีโอ
Playwright Tutorial | In Built Reporters | List, Line, Dot, HTML,Blob, Json, Junit, Github Reporters
มุมมอง 10914 วันที่ผ่านมา
HTML report in Playwright, Generate Reports with Playwright, Reports in Playwright Reporter in Playwright Generate Reports with Playwright #playwright #typescript #javascript #tutorial #automation #testing #coding #selenium #cypress playwright, playwright tutorial, playwright testing Chapters 00:00 - Introduction Of In Built Reporters in Playwright 01:08 - List Reporter in Playwright 06:39 - li...
Playwright Tutorial | Execute Test in Multiple Environments with Playwright | Handle Multiple Env
มุมมอง 226หลายเดือนก่อน
How to Work with Multiple Environments with Playwright, Handle Multiple Environments in Playwright Handling Multiple Environments in Playwright Scripts using Dotenv Run Test with Multiple Environments in Playwright Manage Multiple Environments with Playwright #playwright #typescript #javascript #tutorial #automation #testing #coding #selenium #cypress playwright, playwright tutorial, playwright...
Playwright Tutorial | Basic Authentication Token for API Testing with Playwright | API Key Auth
มุมมอง 398หลายเดือนก่อน
Generate and Use Basic Authentication Token for API Testing API key Authentication with Playwright Basic Auth with Playwright Handle Basic Auth Tokens with Playwright API Access Token with with Playwright #playwright #typescript #javascript #tutorial #automation #testing #coding #selenium #cypress playwright, playwright tutorial, playwright testing Chapters 00:00 - Introduction Of Authenticatio...
Playwright Tutorial | Fetch and Validate API Response headers in Playwright
มุมมอง 133หลายเดือนก่อน
Playwright Tutorial | Fetch and Validate API Response headers in Playwright
Playwright Tutorial | Delete Call For API Testing with Playwright
มุมมอง 98หลายเดือนก่อน
Playwright Tutorial | Delete Call For API Testing with Playwright
Playwright Tutorial | Pass Request Body - Request Payload Using JSON file | Patch Call Introduction
มุมมอง 1402 หลายเดือนก่อน
Playwright Tutorial | Pass Request Body - Request Payload Using JSON file | Patch Call Introduction
Playwright Tutorial | Put Call For API Testing with Playwright
มุมมอง 1012 หลายเดือนก่อน
Playwright Tutorial | Put Call For API Testing with Playwright
Playwright Tutorial | Post Call For API Testing with Playwright
มุมมอง 1902 หลายเดือนก่อน
Playwright Tutorial | Post Call For API Testing with Playwright
Playwright Tutorial | Get Call for API Testing with Playwright | Pass BaseURL and Headers
มุมมอง 3362 หลายเดือนก่อน
Playwright Tutorial | Get Call for API Testing with Playwright | Pass BaseURL and Headers
Playwright Tutorial | Introduction of API | Rest API
มุมมอง 2983 หลายเดือนก่อน
Playwright Tutorial | Introduction of API | Rest API
Playwright Tutorial | Visual Testing in Playwright | Visually Compare Screenshot
มุมมอง 4623 หลายเดือนก่อน
Playwright Tutorial | Visual Testing in Playwright | Visually Compare Screenshot
Playwright Tutorial | Annotate Test in Playwright | Provide Single or Multiple Annotation
มุมมอง 1613 หลายเดือนก่อน
Playwright Tutorial | Annotate Test in Playwright | Provide Single or Multiple Annotation
Playwright Tutorial | Flexible Test Execution: Running Tests with Either or Both Tags in Playwright
มุมมอง 1464 หลายเดือนก่อน
Playwright Tutorial | Flexible Test Execution: Running Tests with Either or Both Tags in Playwright
Playwright Tutorial | Tags in Playwright | Tagging Tests
มุมมอง 1934 หลายเดือนก่อน
Playwright Tutorial | Tags in Playwright | Tagging Tests
Playwright Tutorial | Upload Single File / Multiple Files Playwright
มุมมอง 1534 หลายเดือนก่อน
Playwright Tutorial | Upload Single File / Multiple Files Playwright
Playwright Tutorial | Keyboard Actions in Playwright
มุมมอง 1634 หลายเดือนก่อน
Playwright Tutorial | Keyboard Actions in Playwright
Playwright Tutorial | Drag & Drop Action in Playwright
มุมมอง 2194 หลายเดือนก่อน
Playwright Tutorial | Drag & Drop Action in Playwright
Playwright Tutorial | Perform Mouse Hover action in Playwright
มุมมอง 1824 หลายเดือนก่อน
Playwright Tutorial | Perform Mouse Hover action in Playwright
Playwright Tutorial | Pass Test data as Fixtures
มุมมอง 1K4 หลายเดือนก่อน
Playwright Tutorial | Pass Test data as Fixtures
Playwright Tutorial | Read Test data from CSV file | Parameterize Tests
มุมมอง 1.8K4 หลายเดือนก่อน
Playwright Tutorial | Read Test data from CSV file | Parameterize Tests
Playwright With TypeScript / JavaScript | Introduction of Playwright | Playlist Content Overview
มุมมอง 3.6K5 หลายเดือนก่อน
Playwright With TypeScript / JavaScript | Introduction of Playwright | Playlist Content Overview
Playwright Tutorial | Read Test data from JSON File | Parameterize Tests
มุมมอง 1K5 หลายเดือนก่อน
Playwright Tutorial | Read Test data from JSON File | Parameterize Tests
Playwright Tutorial | Save and Reuse Authentication State | Skip Login
มุมมอง 2K5 หลายเดือนก่อน
Playwright Tutorial | Save and Reuse Authentication State | Skip Login
Playwright Tutorial | UI Mode in Playwright
มุมมอง 1695 หลายเดือนก่อน
Playwright Tutorial | UI Mode in Playwright
Playwright Tutorial | Trace Viewer in Playwright
มุมมอง 1435 หลายเดือนก่อน
Playwright Tutorial | Trace Viewer in Playwright
Playwright Tutorial | Debug Test using Playwright Inspector
มุมมอง 1546 หลายเดือนก่อน
Playwright Tutorial | Debug Test using Playwright Inspector
Playwright Tutorial | Debug Test with Playwright VS Code Extension
มุมมอง 1646 หลายเดือนก่อน
Playwright Tutorial | Debug Test with Playwright VS Code Extension
Playwright Tutorial | Automatically Find Locator | Pick Locator
มุมมอง 6036 หลายเดือนก่อน
Playwright Tutorial | Automatically Find Locator | Pick Locator
Playwright Tutorial | Codeless Automation | Playwright Test Generator | Record Test Script
มุมมอง 1876 หลายเดือนก่อน
Playwright Tutorial | Codeless Automation | Playwright Test Generator | Record Test Script
I have watched all your videos of playwright typescript and I must say all the videos were great!!. Also, I would suggest you to please make videos on how we can deploy our code in Azure devops, etc and also make videos on CI/CD. It would be a great help. Thanks!!.
@SrishtiSharma-p6d Thank you so much for your kind words and support! I'm thrilled to hear that you enjoyed the Playwright TypeScript videos. My Upcoming Videos are going to be relate to Azure DevOps , Jenkins and CI/CD only one I cover Allure Report and GitHub. Stay tuned for more tutorials coming soon. Thanks again for watching and for your valuable feedback! 😊
Great info 💯
Glad it was helpful!
Hi Thanks for the session., May I know which extension your using for file Icons in VS code
@AyyAppA_009 , Using "VSCode icons vscode-icons" currently.
@@WishInfinite Thanks
You are doing great work ,its very helpful for my learning ,keep going 🔥
@rakshithkotian3202 Thank you so much for the encouragement! I'm glad to hear that I can help with your learning. If you have any more questions or need further assistance, feel free to ask!
Playwright with TypeScript / JavaScript Series - th-cam.com/play/PL83cimSRP5ZmwhC6u255huRwSi9tlP-nc.html Playwright API Testing - th-cam.com/play/PL83cimSRP5ZlwSHlydctQ2njy0nTtjpPZ.html Learn Playwright in 60 Seconds (Shorts Playlist) - th-cam.com/users/playlist? list=PL83cimSRP5ZlgDL11AGCufbTmADTOwHhO Playwright Quiz - www.youtube.com/@WishInfinite/community Playwright Notes - docs.google.com/document/d/1O5NSFhHGc9icU3rfERSolAhLUxy2NxyiujsztN3ICL8/edit?usp=sharing SauceDemo Practice Site - www.saucedemo.com/ Dotenv Package - www.npmjs.com/package/dotenv Cross-Env Package - www.npmjs.com/package/cross-env
Playwright with TypeScript / JavaScript Series - th-cam.com/play/PL83cimSRP5ZmwhC6u255huRwSi9tlP-nc.html Playwright API Testing - th-cam.com/play/PL83cimSRP5ZlwSHlydctQ2njy0nTtjpPZ.html Learn Playwright in 60 Seconds (Shorts Playlist) - th-cam.com/play/PL83cimSRP5ZlgDL11AGCufbTmADTOwHhO.html Playwright Quiz - www.youtube.com/@WishInfinite/community Playwright Notes - docs.google.com/document/d/1O5NSFhHGc9icU3rfERSolAhLUxy2NxyiujsztN3ICL8/edit?usp=sharing HTML Reporter in Playwright - th-cam.com/video/o5JN_jP10Tk/w-d-xo.html Handle Multiple Environment in Playwright - th-cam.com/video/c-TC9QEuMuo/w-d-xo.html
Thank you for the video, sir can you also make videos to explain more details about composing fixtures, Fixtures-options, Overriding fixtures, Combine custom fixtures from multiple modules, etc ?
@user-oi8wr9nk4b Welcome and Noted, will check how I can include these topics into Playlist. . And on Fixtures I have following videos, you can watch. Playwright Tutorial | Understanding of Custom Fixtures - th-cam.com/video/bSCiaWQx-Wo/w-d-xo.html Playwright Tutorial | Page Object Models with Fixtures | POM + Fixtures - th-cam.com/video/qyCPtbEztvw/w-d-xo.html Playwright Tutorial | Fixtures over BeforeEach / AfterEach hooks - th-cam.com/video/qNrt_2L-xnU/w-d-xo.html Playwright Tutorial | Pass Test data as Fixtures - th-cam.com/video/71NlOaroxnE/w-d-xo.html
Thank you for the video, sir can you also make videos to explain more details about composing fixtures, Fixtures-options, Overriding fixtures, Combine custom fixtures from multiple modules, etc ?
@user-oi8wr9nk4b Welcome and Noted, will check how I can include these topics into Playlist. . And on Fixtures I have following videos, you can watch. Playwright Tutorial | Understanding of Custom Fixtures - th-cam.com/video/bSCiaWQx-Wo/w-d-xo.html Playwright Tutorial | Page Object Models with Fixtures | POM + Fixtures - th-cam.com/video/qyCPtbEztvw/w-d-xo.html Playwright Tutorial | Fixtures over BeforeEach / AfterEach hooks - th-cam.com/video/qNrt_2L-xnU/w-d-xo.html Playwright Tutorial | Pass Test data as Fixtures - th-cam.com/video/71NlOaroxnE/w-d-xo.html
Could you post playwright interview questions sir
Thanks for your comment! I'll be creating a video soon that covers common playwright interview questions. For now you can Visit My channel's community tab at www.youtube.com/@WishInfinite/community and go through the quiz which is related to Playwright only.
Your content is awesome!!. Keep it up!!
Thanks a ton!
Very useful! thanks!
Glad to hear that!
I saw your Playwright with TypeScript videos and found them really useful. Could you please make videos on Lambda Test certification exam, including the types of questions, how to submit the code in the exam, and other relevant details?
Thanks a lot, Glad to hear that and Noted your request.
Hi ,I need help on comparing 2 .png images in project directory using playwright with typescript - My case is - 1.i have uploaded one .webp image Image1 from my project directory (it supports only .webp image) 2.converted this .webp into png using sharp 3.i have download that file from browser as image2 and stored into my project directory (note- cannot take screenshot because logo is embedded over this image) 4.both image 1& image2 are in my project directory Question is- how to compare these two images to make sure that both are same to make my test pass?
@alishaakhouri9863 let me check this scenario, I will get back to you.
Playwright with TypeScript / JavaScript Series - th-cam.com/play/PL83cimSRP5ZmwhC6u255huRwSi9tlP-nc.html Playwright API Testing - th-cam.com/play/PL83cimSRP5ZlwSHlydctQ2njy0nTtjpPZ.html Learn Playwright in 60 Seconds (Shorts Playlist) - th-cam.com/play/PL83cimSRP5ZlgDL11AGCufbTmADTOwHhO.html Playwright Quiz - www.youtube.com/@WishInfinite/community Introduction of API - th-cam.com/video/BbgwxmnO_RA/w-d-xo.html Get call for API Testing - th-cam.com/video/GrQiVGaYpWo/w-d-xo.html Post call for API Testing - th-cam.com/video/mIc4WP9Qxrg/w-d-xo.html Put call for API Testing - th-cam.com/video/DtYMRd7Bu4o/w-d-xo.html Pass Request Body For API Testing / Patch Call - th-cam.com/video/7tYhNmeU0yY/w-d-xo.html Read Test Data from JSON file - th-cam.com/video/8Xk48boYUJs/w-d-xo.html Delete call for API Testing - th-cam.com/video/PhHR-ZEOVSA/w-d-xo.html Fetch and Validate API Response headers in Playwright - th-cam.com/video/SgKXJxxdd3I/w-d-xo.html Playwright Notes - docs.google.com/document/d/1O5NSFhHGc9icU3rfERSolAhLUxy2NxyiujsztN3ICL8/edit?usp=sharing
Useful content
Thanks a lot
Thanks sir 😊
Most welcome
Playwright with TypeScript / JavaScript Series - th-cam.com/play/PL83cimSRP5ZmwhC6u255huRwSi9tlP-nc.html Playwright API Testing - th-cam.com/play/PL83cimSRP5ZlwSHlydctQ2njy0nTtjpPZ.html Introduction of API - th-cam.com/video/BbgwxmnO_RA/w-d-xo.html Get call for API Testing - th-cam.com/video/GrQiVGaYpWo/w-d-xo.html Post call for API Testing - th-cam.com/video/mIc4WP9Qxrg/w-d-xo.html Put call for API Testing - th-cam.com/video/DtYMRd7Bu4o/w-d-xo.html Pass Request Body For API Testing / Patch Call - th-cam.com/video/7tYhNmeU0yY/w-d-xo.html Read Test Data from JSON file - th-cam.com/video/8Xk48boYUJs/w-d-xo.html Delete call for API Testing - th-cam.com/video/PhHR-ZEOVSA/w-d-xo.html Learn Playwright in 60 Seconds (Shorts Playlist) - th-cam.com/play/PL83cimSRP5ZlgDL11AGCufbTmADTOwHhO.html Playwright Notes - docs.google.com/document/d/1O5NSFhHGc9icU3rfERSolAhLUxy2NxyiujsztN3ICL8/edit?usp=sharing
Great 👍but make video in hindi
Playwright with TypeScript / JavaScript Series - th-cam.com/play/PL83cimSRP5ZmwhC6u255huRwSi9tlP-nc.html Playwright API Testing - th-cam.com/play/PL83cimSRP5ZlwSHlydctQ2njy0nTtjpPZ.html Introduction of API - th-cam.com/video/BbgwxmnO_RA/w-d-xo.html Get call for API Testing - th-cam.com/video/GrQiVGaYpWo/w-d-xo.html Post call for API Testing - th-cam.com/video/mIc4WP9Qxrg/w-d-xo.html Put call for API Testing - th-cam.com/video/DtYMRd7Bu4o/w-d-xo.html Pass Request Body For API Testing / Patch Call - th-cam.com/video/7tYhNmeU0yY/w-d-xo.html Read Test Data from JSON file - th-cam.com/video/8Xk48boYUJs/w-d-xo.html Learn Playwright in 60 Seconds (Shorts Playlist) - th-cam.com/play/PL83cimSRP5ZlgDL11AGCufbTmADTOwHhO.html Playwright Notes - docs.google.com/document/d/1O5NSFhHGc9icU3rfERSolAhLUxy2NxyiujsztN3ICL8/edit?usp=sharing Restful Booker Practice site - restful-booker.herokuapp.com/apidoc/index.html Playwright Quiz - www.youtube.com/@WishInfinite/community
Hello !! Can you help me ? I need to create a put method passing the ID field that is automatically generated with the post method. How do I get the ID that was generated by the post method? I'm asking this because I need to do a CRUD and when I generate a new "product", its ID field is generated randomly I need to create a way to create a post method, which makes it store the fields so that I can use the fields again in the put method
@BrunoRodrigueslol In Previous Video , Where we learnt about Post call ( Video - th-cam.com/video/mIc4WP9Qxrg/w-d-xo.html ), 1 - There we are saving response of post call into one variable. like below example - const resp = await request.post(----); 2 - You can use this resp variable name, (it can be any name which you want to use), and then convert response into JSON format, like below example - await responseJson = await resp.json(); 3 - Then you can use this Json responce to get the data of specific key , in your case dynamically generated ID, like below example. const idVar = responseJson.idKeyName; 4 - Then you can use this above variable for your next call (now this idVar contain your dynamic ID), for you it is PUT call as you said. request.put(baseURL/idVar ); hope this will help you. If you get stuck again you can let me know in comment section of any video.
Playwright with TypeScript / JavaScript Series - th-cam.com/play/PL83cimSRP5ZmwhC6u255huRwSi9tlP-nc.html Playwright API Testing - th-cam.com/play/PL83cimSRP5ZlwSHlydctQ2njy0nTtjpPZ.html Introduction of API - th-cam.com/video/BbgwxmnO_RA/w-d-xo.html Get call for API Testing - th-cam.com/video/GrQiVGaYpWo/w-d-xo.html Post call for API Testing - th-cam.com/video/mIc4WP9Qxrg/w-d-xo.html Put call for API Testing - th-cam.com/video/DtYMRd7Bu4o/w-d-xo.html Read Test Data from JSON file - th-cam.com/video/8Xk48boYUJs/w-d-xo.html Learn Playwright in 60 Seconds (Shorts Playlist) - th-cam.com/play/PL83cimSRP5ZlgDL11AGCufbTmADTOwHhO.html Playwright Notes - docs.google.com/document/d/1O5NSFhHGc9icU3rfERSolAhLUxy2NxyiujsztN3ICL8/edit?usp=sharing Restful Booker Practice site - restful-booker.herokuapp.com/apidoc/index.html
what if I want to pass the value of login credentials as parameter?
You can pass login credentials as by including them in a JSON file. I explain this process in my video at th-cam.com/video/8Xk48boYUJs/w-d-xo.html. If you want to configure different credentials for different environments, you can use DotEnv. I'll be adding a video about this to my playlist.
@@WishInfinite Thanks for the reply. I will look into it. Meanwhile another question, suppose I have different login credentials for different spec and one spec file can even have multiple login session. How can I handle it using global setup? N.B: What is Spec? Suppose I want to run the spec file for Login functionality, then I will run this comment: " npx playwright test --headed --project=chromium login.spec.js" Here, I am referring login.spec.js as spec file.
@@MaksudaIslamLima I would be creating one video for using different credentials for different environment, that should solve your problem of using different login credentials. And for running multiple session you can use parallel execution by setting fullyParallel and workers values in playwright.config.ts file.
Help full tq 😊
Welcome 😊
Playwright with TypeScript / JavaScript Series - th-cam.com/play/PL83cimSRP5ZmwhC6u255huRwSi9tlP-nc.html Playwright API Testing - th-cam.com/play/PL83cimSRP5ZlwSHlydctQ2njy0nTtjpPZ.html Introduction of API - th-cam.com/video/BbgwxmnO_RA/w-d-xo.html Get call for API Testing - th-cam.com/video/GrQiVGaYpWo/w-d-xo.html Post call for API Testing - th-cam.com/video/mIc4WP9Qxrg/w-d-xo.html Learn Playwright in 60 Seconds (Shorts Playlist) - th-cam.com/play/PL83cimSRP5ZlgDL11AGCufbTmADTOwHhO.html Playwright Notes - docs.google.com/document/d/1O5NSFhHGc9icU3rfERSolAhLUxy2NxyiujsztN3ICL8/edit?usp=sharing Resful Booker Practice site - restful-booker.herokuapp.com/apidoc/index.html
Thanks!
Well explained!
Thank you 🙂
Tq
@chandanav1290 Welcome.
Playwright with TypeScript / JavaScript Series - th-cam.com/play/PL83cimSRP5ZmwhC6u255huRwSi9tlP-nc.html Playwright API Testing - th-cam.com/play/PL83cimSRP5ZlwSHlydctQ2njy0nTtjpPZ.html Introduction of API - th-cam.com/video/BbgwxmnO_RA/w-d-xo.html Get call for API Testing - th-cam.com/video/GrQiVGaYpWo/w-d-xo.html Learn Playwright in 60 Seconds (Shorts Playlist) - th-cam.com/play/PL83cimSRP5ZlgDL11AGCufbTmADTOwHhO.html Playwright Notes - docs.google.com/document/d/1O5NSFhHGc9icU3rfERSolAhLUxy2NxyiujsztN3ICL8/edit?usp=sharing
Only for get 1hrs video ur so much knowledge person thanks for sharing with us 😊
So nice of you
Didn't work for me. Logout steps were trying to be executed right after login steps.
@igorek9191 Sorry to hear you're having trouble!, Can you please share your code snippet on email wishinfinity01@gmail.com. I can have a look at it.
awesome
Thank you 😀
awesome
Thank you 😀
thanks
Welcome :)
Excellento!!!🤗
Thank you 🙂
Hello, I am facing the following problem. When I use codegen I can capture Cookies and use the authentication state to perform other tests. However, when I try to use the other two ways, a JSON file is generated, but I cannot use the authentication state because the "value" field has no data. Would you help me
@paulofabiano6966 As you are getting blank storage state , what I am able to understand is that you are saving auth state before user is getting logged in properly. Into your Global.setup.js file just after logging in v you should provide waitForUrl and also one assertion for the element which is appearing after logging in successfully. These 2 lines of code should be there before using the storageState method. In this video at 30:49 I have mentioned it, try adding it and let me know the result.
@@WishInfinite Thank you my friend, the problem was with the variable. My code was not correctly inserting the login and password, when I passed the information instead of a variable, the JSON file saved the browser state and I was able to use it in subsequent tests. Thanks again for your help. Have a good day.
Thank you 😊
@chandanav1290 Welcome and Stay tuned, More videos coming soon related to API Testing with Playwright.
@@WishInfinite Ya😍
Playwright with TypeScript / JavaScript Series - th-cam.com/play/PL83cimSRP5ZmwhC6u255huRwSi9tlP-nc.html Playwright API Testing - th-cam.com/play/PL83cimSRP5ZlwSHlydctQ2njy0nTtjpPZ.html Learn Playwright in 60 Seconds (Shorts Playlist) - th-cam.com/play/PL83cimSRP5ZlgDL11AGCufbTmADTOwHhO.html Playwright Notes - docs.google.com/document/d/1O5NSFhHGc9icU3rfERSolAhLUxy2NxyiujsztN3ICL8/edit?usp=sharing
awesome...even small details covered...;please start with framework soon...can't wait
Thank you so much for the kind words! 🙌 We're thrilled to hear you enjoyed the attention to detail. Currently I am working on Videos related to API Testing with Playwright , then would be looking into framework related videos. Stay tuned for updates. 😊🎉
What about elements related to page2 ?
@maheshtekawade3952 in this video I have explained that how to handle new page th-cam.com/video/GIVk9zH1-Cw/w-d-xo.html. you can pass that newly created page while creating object of page class. Please check and let me know if you face any issue. 😊 and for more details on POM you can follow video - th-cam.com/video/IvaPYWteABc/w-d-xo.html.
Can you upload same for Java script asap😊
@chandanav1290 Sure, Let me check, Probably I am planning to cover both JavaScript/TypeScript while covering Playwright framework.
This video is just awesome......Hats off bro...
@abhishekbhardwaj7764 Thank you so much for the kind words! I'm thrilled you enjoyed the video. Feel free to share it with your friends and spread the awesomeness! Let's keep the positivity flowing! 🚀✨
Can you make api testing using playwright complete tutorial please sir
@chandanav1290 My upcoming videos are going to be on API Testing only. Please stay tuned 😊
@@WishInfinite using playwright?
@@chandanav1290 Yes.
@@WishInfinite thank you waiting for the video plz upload ur videos ASAP thanks for knowledge with us 🙏💌
@chandanav1290 You're welcome! I'm glad you're excited for the next video. I'll do my best to get it up ASAP. Thanks for your patience and for being part of our knowledge-sharing community!
Please provide github link for reference and code download
@IshantRajput-xy5vy Till now I have not uploaded this code on GitHub, actually My Plan is to create a video on "how to upload Playwright Project code on GitHub" and would be making that repo public for the use. Till then if you need any specific code please let me know, I can mail you the same.
toMatchSnapshot (deprecated in v1.38, use toHaveScreenshot): Purpose: Originally used for comparing screenshots against reference screenshots stored in the test project directory. Deprecated: While still functional in older Playwright versions, it's recommended to use toHaveScreenshot for new projects.
@venkateshm5181, Thank you for the information, We have also used toHaveScreenshot method only for visual comparison of screenshots. But still for Non-Image snapshot testing we need to use toMatchSnapshot method only as there we are generating txt file as reference/golden file on the basis of given value with expect and using generated reference file for further comparison as mentioned after 56:16 in video.
Playwright with TypeScript / JavaScript Series - th-cam.com/play/PL83cimSRP5ZmwhC6u255huRwSi9tlP-nc.html Locator method using selector - th-cam.com/video/k3ttTwa8L_o/w-d-xo.html Learn Playwright in 60 Seconds (Shorts Playlist) - th-cam.com/play/PL83cimSRP5ZlgDL11AGCufbTmADTOwHhO.html Playwright Notes - docs.google.com/document/d/1O5NSFhHGc9icU3rfERSolAhLUxy2NxyiujsztN3ICL8/edit?usp=sharing
Bro make a video on wait for response method .Like my scenario is : I click a button, in background it triggers an API and gets the response. I want to wait for response code to be 200. Once I verify that response is 200, then only I want to proceed to next step. Thanks in advance. Make the video in little detail please with making us understand why we don't use await keyword while using wait for response and all.
@abhishekbhardwaj7764 Thank you for suggestion , let me check where I can fit this particular scenario into Playlist, will let you know once i release video for this. 😊
Is possible to access the repo
@@kyaswanth8789 Till now I have not uploaded this code on GitHub, actually My Plan is to create a video on "how to upload Playwright Project code on GitHub" and would be making that repo public for the use. Till then if you need any specific code please let me know, I can mail you the same.