Added checkboxes and checked datatestid

Author: arhtudormorar

src/components/visual/address-table/address-table.scss

@@ -60,6 +60,8 @@
             @apply mvx:relative mvx:z-1 mvx:cursor-pointer mvx:transition-all mvx:duration-200 mvx:rounded-full;
             @apply mvx:ease-in-out mvx:mr-2 mvx:min-w-4 mvx:max-w-4 mvx:h-4;
             border: 1px solid var(--mvx-text-color-primary);
+            appearance: none;
+            -webkit-appearance: none;
 
             &:after {
               @apply mvx:absolute mvx:left-1/2 mvx:top-1/2 mvx:rounded-full mvx:opacity-0 mvx:transition-all mvx:duration-200;

src/components/visual/address-table/address-table.tsx

@@ -126,14 +126,17 @@ export class AddressTable {
           <div class={{ 'address-table-list': true, 'visible': !isPageChanging }}>
             {this.accountScreenData.accounts.map(accountDerivation => (
               <div
-                data-testid={`${DataTestIdsEnum.addressTableItem}-${accountDerivation.address}`}
+                data-testid={`${DataTestIdsEnum.check}_${accountDerivation.address}`}
                 onClick={this.handleSelectAccount(accountDerivation.index)}
                 class={{
                   'address-table-list-item': true,
                   'checked': accountDerivation.index === this.selectedIndex,
                 }}
               >
-                <div
+                <input
+                  type="radio"
+                  name="address-table-selection"
+                  checked={accountDerivation.index === this.selectedIndex}
                   class={{
                     'address-table-list-item-checkbox': true,
                     'checked': accountDerivation.index === this.selectedIndex,

src/constants/dataTestIds.enum.ts

@@ -1,7 +1,7 @@
 export enum DataTestIdsEnum {
   accessWalletBtn = 'accessWalletBtn',
   addressTableContainer = 'addressTableContainer',
-  addressTableItem = 'addressTableItem',
+  check = 'check',
   firstBtn = 'firstBtn',
   lastBtn = 'lastBtn',
   paginationItem = 'paginationItem',