fix: replace fill('') with keyboard select-all and backspace for clipboard paste setup

[laraujo7]

No description provided.

[nelsonmestevao]

@Ziinc this one fixes the UI issue in webkit/firefox so it reverts #3294 🙏

[Ziinc]

Is there a reason why this is needed?
Should add an inline comment for docs.

[laraujo7]

In this test, we verify that the copied fields (id, status, timestamp, etc.) are the ones we expect. We do this by pasting the value into a text input and then checking it. Since we use the same input to verify different fields, we first need to delete the previously pasted value before pasting the next one.

I’m not sure why the fill suddenly stopped working, so this is a workaround for it.

[laraujo7]

Added inline comments ✅

[Ziinc]

could we not use navigator.clipboard.readText() as a more efficient way to read the clipboard?
https://stackoverflow.com/questions/72265518/how-to-access-the-clipboard-contents-using-playwright-in-typescript

[laraujo7]

I tried that, had to add a different config and it only worked on chromium 😞

[Ziinc]

i see. perhaps a page reload between each assertion would be less hacky to at least clear input state

[Ziinc]

this feels like a really odd workaround for something that should be quite straightforward. can we rethink the approach please.

[laraujo7]

@Ziinc I left some comments about this issue. I've also come up with a somewhat different approach — instead of relying on an already existing input, I create my own to test against and then remove it afterward. Let me know what you think.

[Ziinc]

Much cleaner 👍