test maintenance 30 Apr 2025 (#1849)

* test(extension): fix tests affected by LW-10975

* test(extension): replace hardcoded texts [LW-7278]

Author: wklos-iohk

apps/browser-extension-wallet/src/views/browser-view/features/nfts/selectors.ts

@@ -62,15 +62,15 @@ export const nftDetailSelector = (asset: AssetOrHandleInfo): NftDetailProps => {
     image,
     tokenInformation: [
       {
-        name: 'Policy ID',
+        name: i18n.t('core.nftDetail.policyId'),
         value: asset.policyId.toString()
       },
       {
-        name: 'Asset ID',
+        name: i18n.t('core.nftDetail.assetId'),
         value: asset.assetId.toString()
       },
       {
-        name: 'Media URL',
+        name: i18n.t('core.nftDetail.mediaUrl'),
         value: image
       }
     ],

packages/e2e-tests/src/assert/nftAssert.ts

@@ -88,13 +88,13 @@ class NftAssert {
     expect(await NftDetails.tokenInfoSectionTitle.getText()).to.equal(await t('core.nftDetail.tokenInformation'));
 
     await NftDetails.policyIdLabel.waitForDisplayed();
-    expect(await NftDetails.policyIdLabel.getText()).to.equal('Policy ID'); // TODO: replace with translation keys when LW-7278 is resolved
+    expect(await NftDetails.policyIdLabel.getText()).to.equal(await t('core.nftDetail.policyId'));
     await NftDetails.policyIdValue.waitForDisplayed();
     await NftDetails.assetIdLabel.waitForDisplayed();
-    expect(await NftDetails.assetIdLabel.getText()).to.equal('Asset ID');
+    expect(await NftDetails.assetIdLabel.getText()).to.equal(await t('core.nftDetail.assetId'));
     await NftDetails.assetIdValue.waitForDisplayed();
     await NftDetails.mediaUrlLabel.waitForDisplayed();
-    expect(await NftDetails.mediaUrlLabel.getText()).to.equal('Media URL');
+    expect(await NftDetails.mediaUrlLabel.getText()).to.equal(await t('core.nftDetail.mediaUrl'));
     await NftDetails.mediaUrlValue.waitForDisplayed();
   }
 

packages/e2e-tests/src/elements/addNewWallet/MainModal.ts

@@ -5,7 +5,7 @@ import { OnboardingMainPage } from '../onboarding/mainPage';
 class AddNewWalletMainModal extends OnboardingMainPage {
   private MODAL = '.ant-modal-content';
   private CLOSE_BUTTON = '[data-testid="navigation-button-cross"]';
-  private AREA_OUTSIDE_MODAL = '.ant-modal-mask';
+  private MODAL_MASK = '.ant-modal-mask';
 
   get container(): ChainablePromiseElement<WebdriverIO.Element> {
     return $(this.MODAL);
@@ -15,8 +15,8 @@ class AddNewWalletMainModal extends OnboardingMainPage {
     return $(this.CLOSE_BUTTON);
   }
 
-  get areaOutsideModal(): ChainablePromiseElement<WebdriverIO.Element> {
-    return $(this.AREA_OUTSIDE_MODAL);
+  get modalMask(): ChainablePromiseElement<WebdriverIO.Element> {
+    return $(this.MODAL_MASK);
   }
 }
 

packages/e2e-tests/src/features/AddNewWalletRestore.feature

@@ -145,7 +145,7 @@ Feature: Add new wallet - Restore wallet
     Examples:
       | page                  | action                                       |
       | Mnemonic verification | I click "X" button on "Add new wallet" modal |
-#      | Mnemonic verification | I click outside "Add new wallet" modal       | BUG: LW-10975
+      | Mnemonic verification | I click outside "Add new wallet" modal       |
 
   @LW-9246
   Scenario Outline: Extended-view - Multi-wallet - Restore - "<page>" page with any user input interaction - <action>
@@ -156,9 +156,9 @@ Feature: Add new wallet - Restore wallet
     Examples:
       | page                  | action                                       |
       | Mnemonic verification | I click "X" button on "Add new wallet" modal |
-#      | Mnemonic verification | I click outside "Add new wallet" modal       | BUG: LW-10975
+      | Mnemonic verification | I click outside "Add new wallet" modal       |
       | Wallet setup          | I click "X" button on "Add new wallet" modal |
-#      | Wallet setup          | I click outside "Add new wallet" modal       | BUG: LW-10975
+      | Wallet setup          | I click outside "Add new wallet" modal       |
 
   @LW-9247
   Scenario Outline: Extended-view - Multi-wallet - Restore - "Add new wallet" - <page> - "Are you sure you want to cancel adding a new wallet?" dialog - go back

packages/e2e-tests/src/steps/AddNewWalletSteps.ts

@@ -49,7 +49,8 @@ Then(
 );
 
 When(/^I click outside "Add new wallet" modal$/, async () => {
-  await AddNewWalletMainModal.areaOutsideModal.click({ x: 0, y: 0 }); // TODO: adjust when LW-10975 is resolved
+  await AddNewWalletMainModal.modalMask.moveTo({ xOffset: 0, yOffset: 0 });
+  await browser.action('pointer').down().perform();
 });
 
 When(

packages/translation/src/lib/translations/core/en.json

@@ -320,6 +320,9 @@
   "core.nftDetail.setAsAvatar": "Set as your wallet avatar",
   "core.nftDetail.title": "NFT detail",
   "core.nftDetail.tokenInformation": "Token Information",
+  "core.nftDetail.policyId": "Policy ID",
+  "core.nftDetail.assetId": "Asset ID",
+  "core.nftDetail.mediaUrl": "Media URL",
   "core.outputSummaryList.deposit": "Deposit",
   "core.outputSummaryList.metaData": "Metadata",
   "core.outputSummaryList.output": "Bundle",