Remove an image before a screenshot

[NicoloLattanzio]

Hello, i wanted to remove an image(or set it as not visible), before a screenshot, i did this script, but isnt working:

await page.locator('body > div.wrapper > img').evaluate(element => element.style.display = 'block;');

It doesnt give an error, it just dont do anything

[ville-nvt]

display: block, propably doesn't do what you think it does.

block | Displays an element as a block element
https://www.w3schools.com/cssref/pr_class_display.asp

display: none would be better choice

If you are writing screenshot tests you could use mask option found in toHaveScreenshot assertion to avoid unwanted elements from affecting test results.
mask?: <Array> Specify locators that should be masked when the screenshot is taken. Masked elements will be overlayed with a pink box #FF00FF that completely covers its bounding box.
https://playwright.dev/docs/test-assertions#page-assertions-to-have-screenshot-1

[mxschmitt]

see the answer above and the mask option would be the right choice for that.

[NicoloLattanzio]

it says "tohavescreenshot" doesnt exist

[mxschmitt]

Are you using Playwright Test? This is a Playwright Test specific feature only.

but you can also pass mask to the page.screenshot function.

[NicoloLattanzio]

Yes i'm using it, and even the mask options isnt usable

[NicoloLattanzio]

Ok, so i updated playwright, that was the problem, now i have the .tohavescreenshot, but still cant use the mask option

[NicoloLattanzio]

await expect(page).toHaveScreenshot({mask:" body > div.wrapper > img"});

Shouldnt it be something like this?

[mxschmitt]

await expect(page).toHaveScreenshot({mask: [page.locator("div.wrapper > img")]});

[NicoloLattanzio]

It gives these errors : TS2769: No overload matches this call and The expected type comes from property 'mask' which is declared here on type '{ animations?: ....."

[mxschmitt]

I had a typo in my snippet, mask is actually an array of Locators.

Please try again, I updated the snippet, that might explain the error. If not, please share with us how you invoke toHaveScreenshot.

[NicoloLattanzio]

The only way to fix this is to update playwright, i discovered that i had the 1.19, instead it's needed the 1.22 to use toHaveScreenshot, thanks