Find broken images | Playwright Typescript - Part 100

In this video, we'll learn how to find the broken image using Playwright.
---------------------------------------------------------------------
Tamil KZbin Channel:
@kurimurai
---------------------------------------------------------------------
🎁Just in case you want to support me ☺️ donation might be helpful.
BuyMeCoffe: www.buymeacoff...
UPI: koushik350-1@okaxis
-------------------------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-------------------------------
📝Test Practice Site: letcode.in/
🐦Discord: / discord
📸Instagram: / letcode.in
🎓 LinkedIn: / ortoni
⛳️ XPath Extension: bit.ly/2T5EUCu
Join our WhatsApp group (Only for Channel Members)
bit.ly/3cSPCpm
Zerodha referral link: zerodha.com/?c...
#letcode #playwright

[@letcode]

Thanks for watching 😊

[@Girishsb-c4b]

I really appriciate your efforts for giving quality content bro keep it up...

[@letcode]

Thank you, I will

[@oca0812]

This is a great exercise, however, I think is easier to get the network longs from the console with less lines of code and there we can see if there is any broken image because if is that the case, that will throw an error in the console

[@letcode]

Yes, u r right 👍. Thanks 👍

[@unholysaiyan]

I miss the hair. Thanks for another great video!

[@letcode]

Hahha thanks 👍

[@akak4118]

Bro, please make one video on impact of ai in automation. What skills should current automation testers develop to be ready for upcoming years.

[@letcode]

Sure bro 😊

[@akak4118]

@@letcode thanks

[@parthipanp-id5wo]

Hi Bro, did you upload all playwright typescript video in Udemy? It has only cucumber framework

[@letcode]

No bro, only cucumber is there.

[@BrianEitz]

Can you add recursing to sub pages, since most sites have sub pages?

[@letcode]

It should be easier, you have to get the no. Of pages and use a loop based on that. The inside loop will be the same

[@parthipanp-id5wo]

Hi bro. What you think about webdriverio? Which is best playwright or webdriverio?

[@letcode]

Playwright

[@wahidswapnil8836]

suddenly the message "describe is not define playwright" showing in my .test.ts file. But i can still run by "jest file_name" command. Is this any issue? If issue, then how can i solve this?

[@letcode]

Don't use jest, use Playwright test runner.

[@danielkovacs3664]

hi what should i do if i want to take printscreens abou the img-s expect(await page.locator(imgSrc).screenshot()).toMatchSnapshot();

[@letcode]

Hi, i didn't understand.

[@danielkovacs3664]

@@letcode i can found the images, but i woould like to take printscreen about these

[@letcode]

Ok, locator.screenshot() function will take the screenshot.

[@danielkovacs3664]

@@letcode yes i know, but i can not take from the images i try this for (const img of allImages) { let i = 2 const imgSrc = await img.getAttribute("src") //expect(await page.locator(imgSrc).screenshot()).toMatchSnapshot(); expect.soft(imgSrc ?.length).toBeGreaterThan(1) //console.log(baseUrl + "images-test/max/" + imgSrc) console.log(baseUrl + imgSrc) //@ts-ignore if ((await imgSrc).length > 1) { console.log(`//img[${i}]`) await page.locator(`//img[${i}]`).screenshot() const res = await page.request.get(baseUrl + imgSrc) expect.soft(res.status(), "failed to load " + imgSrc).toBe(200) } i++ } how should i do, i want to save the images, it works fine just could not take screenshot

[@farukhkhan2832]

Could you please make a video on Jenkins integration with playwright+ typescript

[@letcode]

Sure brother, I will upload in a few days.

[@farukhkhan2832]

@@letcode thank you