RI-6570 Verify edit string key operations for in the browsers module

[valkirilov]

Description

Add new E2E tests to check the update functionalities for string key types in the Browsers module. These tests make sure that when you click on a key, you can update all of its details in the Details Panel.

How the tests work

• First, prepare the data for the test using the Redis API (it's easier and faster and also, the UI flow for creating keys is already covered in another test suite)
• Then we open the Details Panel by clicking on the key we just added (in the table in the UI)
• After that, we go and update the values, depending on the field type (and verify the change)

Note: Once PR: 4723 is merged, make sure to update the target branch of this pull request to lead to feature/RI-6570/PlayWright branch.

Code Changes

• Extend browser page locators to provide helpers for dealing with the state of the keys and their values in details drawer
• Add e2e tests to verify that you can edit all the information related to the various key types displayed in the details drawer

How to run the tests

You can always refer to the README, but simply running the following command should do the trick for you

# From the root directory
yarn dev:api

# In a new tab, again from the root directory
yarn dev:ui

# In a new tab, but this time go to tests/playwright directory
yarn test:chromium:local-web browser/keys-edit 

# The, check the detailed report an all the video recordings
yarn playwright show-report

Edit String Key

yarn test:chromium:local-web browser/keys-edit/edit-string-key

[github-actions]

Code Coverage - Backend unit tests

St.❔	Category	Percentage	Covered / Total
🟢	Statements	92.34%	13787/14931
🟡	Branches	74%	4147/5604
🟢	Functions	85.82%	2124/2475
🟢	Lines	92.13%	13180/14306

Test suite run success

2941 tests passing in 286 suites.

Report generated by 🧪jest coverage report action from 6adbc03