fix: add e2e

Author: sahar-fehri

test/e2e/fixture-builder.js

@@ -304,6 +304,12 @@ class FixtureBuilder {
     return this.withNetworkController({ selectedNetworkClientId: 'mainnet' });
   }
 
+  withNetworkControllerOnLinea() {
+    return this.withNetworkController({
+      selectedNetworkClientId: 'linea-mainnet',
+    });
+  }
+
   withNetworkControllerOnOptimism() {
     return this.withNetworkController({
       networkConfigurations: {

test/e2e/page-objects/pages/nft-details-page.ts

@@ -20,6 +20,8 @@ class NFTDetailsPage {
 
   private readonly nftSendButton = '[data-testid="nft-send-button"]';
 
+  private readonly nftItemButtom = '[data-testid="nft-item"]';
+
   constructor(driver: Driver) {
     this.driver = driver;
   }
@@ -42,6 +44,10 @@ class NFTDetailsPage {
     await this.driver.clickElement(this.nftSendButton);
   }
 
+  async clickNFTItemButton() {
+    await this.driver.clickElement(this.nftItemButtom);
+  }
+
   async removeNFT() {
     console.log('Click to remove NFT on NFT details page');
     await this.driver.clickElement(this.nftOptionsButton);
@@ -84,6 +90,11 @@ class NFTDetailsPage {
       text: name,
     });
   }
+
+  async check_nftFullImageIsDisplayed() {
+    console.log('Check if NFT full image is displayed on NFT details page');
+    await this.driver.waitForSelector('[data-testid="nft-item"]');
+  }
 }
 
 export default NFTDetailsPage;

test/e2e/tests/tokens/nft/view-nft-full-image.spec.ts

@@ -0,0 +1,56 @@
+import { withFixtures } from '../../../helpers';
+import FixtureBuilder from '../../../fixture-builder';
+import HeaderNavbar from '../../../page-objects/pages/header-navbar';
+import Homepage from '../../../page-objects/pages/home/homepage';
+import NFTListPage from '../../../page-objects/pages/home/nft-list';
+import PrivacySettings from '../../../page-objects/pages/settings/privacy-settings';
+import SettingsPage from '../../../page-objects/pages/settings/settings-page';
+import { loginWithBalanceValidation } from '../../../page-objects/flows/login.flow';
+import { setupAutoDetectMocking } from './mocks';
+import NFTDetailsPage from '../../../page-objects/pages/nft-details-page';
+
+describe('NFT full', function () {
+  it('displays NFT full image when NFT is on a network different from the current network', async function () {
+    const driverOptions = { mock: true };
+    await withFixtures(
+      {
+        fixtures: new FixtureBuilder().withNetworkControllerOnLinea().build(),
+        driverOptions,
+        title: this.test?.fullTitle(),
+        testSpecificMock: setupAutoDetectMocking,
+      },
+      async ({ driver }) => {
+        await loginWithBalanceValidation(driver);
+
+        // navigate to security & privacy settings and toggle on NFT autodetection
+        await new HeaderNavbar(driver).openSettingsPage();
+        const settingsPage = new SettingsPage(driver);
+        await settingsPage.check_pageIsLoaded();
+        await settingsPage.goToPrivacySettings();
+
+        const privacySettings = new PrivacySettings(driver);
+        await privacySettings.check_pageIsLoaded();
+        await privacySettings.toggleAutodetectNft();
+        await settingsPage.closeSettingsPage();
+
+        // check that nft is displayed
+        const homepage = new Homepage(driver);
+        await homepage.check_pageIsLoaded();
+        await homepage.check_expectedBalanceIsDisplayed();
+        await homepage.goToNftTab();
+        const nftListPage = new NFTListPage(driver);
+        await nftListPage.check_nftNameIsDisplayed(
+          'ENS: Ethereum Name Service',
+        );
+        await nftListPage.check_nftImageIsDisplayed();
+        await nftListPage.clickNFTIconOnActivityList();
+
+        const nftDetailsPage = new NFTDetailsPage(driver);
+        await nftDetailsPage.check_pageIsLoaded();
+
+        await nftDetailsPage.clickNFTItemButton();
+        await nftDetailsPage.check_nftFullImageIsDisplayed();
+      },
+    );
+  });
+});