RI-6570 Verify delete operations for all key types in the browsers module

[valkirilov]

Description

Add new E2E tests to check the delete functionalities for different key types in the Browsers module. These tests make sure that you can delete an existing key - both from the list and its details page.

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)
• Then, we click on the delete icon button and verify whether the record is deleted successfully

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 delete all various key types

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-delete 

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

Delete Keys

yarn test:chromium:local-web browser/keys-delete 

[github-actions]

Code Coverage - Frontend unit tests

St.❔	Category	Percentage	Covered / Total
🟢	Statements	81.37%	18403/22616
🟡	Branches	67%	8068/12042
🟡	Functions	75.14%	4867/6477
🟢	Lines	81.76%	18006/22024

Test suite run success

4792 tests passing in 628 suites.

Report generated by 🧪jest coverage report action from d76c948