How to toggle the visibility of an element ?

You can execute JavaScript in the browser using page.evaluate()

Reference: https://playwright.dev/docs/evaluating

await page.evaluate(async () => {
  const element = document.getElementById('test');
  element.style.display = 'none';
});

I'm confused PW should be used to test an application not drive and alter the web page... How would a user make the element in the application toggle the visibility. Unless your users will actually need to toggle the visibility by executing javascript, seems like the tail wagging the dog...

Can't count how many times i've seen bugs in and app get shipped by doing this...

Thank you so much @shivaguy

I want to toogle the visibility for an element that is not going to be present in production application.