Add ids to ui elements

[claytonneal]

for tools like cypress/playwright could be good to add some id's to the modal wallet options
for example to click on VeWorld is currently like:

await page.locator('div.modal-body button.card.LIGHT').first().click();

i.e. relying on it being "first"

[darrenvechain]

This won't work since we're using lit elements. It creates nested shadow roots that are not directly queryable (see screenshot)

[claytonneal]

Playwright can query such elements
im currently using playwright to click on that element, works fine - just the css selector could be nicer
see: https://playwright.dev/docs/locators#locate-in-shadow-dom

[davidecarpini]

@claytonneal this playwright feature is amazing, it's such a pita to work with selenium and nested shadow dom.
I'll add them for you in the next days

[claytonneal]

see PR : #238