Creates tests for new network page feature WIP

eslint.config.mjs

@@ -1,4 +1,5 @@
 import eslint from '@eslint/js';
+// eslint-disable-next-line import/no-unresolved
 import tseslint from 'typescript-eslint';
 import globals from 'globals';
 

playwright.config.ts

@@ -23,5 +23,6 @@ export default defineConfig({
   reportSlowTests: null,
   fullyParallel: true, // otherwise, tests in the same file are not run in parallel
   globalSetup: './global.setup', // clean leftovers of previous test runs on start, runs only once
-  snapshotPathTemplate: screenshotFolder + '/{testName}/{arg}-{platform}{ext}',
+  // eslint-disable-next-line prefer-template
+  snapshotPathTemplate: screenshotFolder + '/{testName}/{arg}-{platform}{text}',
 });

tests/automation/input_validations.spec.ts

@@ -55,7 +55,6 @@ import {
 [
   {
     testName: 'No name',
-    // This currently fails - displays wrong error message
     displayName: ' ',
     expectedError: englishStrippedStr('displayNameErrorDescription').toString(),
   },

tests/automation/landing_page.spec.ts

@@ -1,3 +1,4 @@
+// eslint-disable-next-line import/no-cycle
 import { test_Alice_2W } from './setup/sessionTest';
 import { compareScreenshot, waitForElement } from './utilities/utils';
 

tests/automation/network_page.spec.ts

@@ -0,0 +1,64 @@
+import { englishStrippedStr } from '../locale/localizedString';
+import { test_Alice_1W } from './setup/sessionTest';
+import {
+  checkModalStrings,
+  clickOnTestIdWithText,
+  grabTextFromElement,
+  waitForElement,
+  waitForLoadingAnimationToFinish,
+  waitForTestIdWithText,
+} from './utilities/utils';
+
+/* Waiting for test id to be fixed 
+// Links to test are:
+- Learn more Network link
+- Learn more staking link
+- How to create wallet link
+*/
+
+test_Alice_1W('Learn more network link', async ({ aliceWindow1 }) => {
+  await clickOnTestIdWithText(aliceWindow1, 'settings-section');
+  await clickOnTestIdWithText(
+    aliceWindow1,
+    'session-network-settings-menu-item',
+  );
+  await waitForLoadingAnimationToFinish(aliceWindow1, 'loading-spinner');
+  await clickOnTestIdWithText(aliceWindow1, 'learn-more-network-link');
+  await checkModalStrings(
+    aliceWindow1,
+    englishStrippedStr('urlOpen').toString(),
+    englishStrippedStr('urlOpenDescription').toString(),
+  );
+  const el = await waitForElement(
+    aliceWindow1,
+    'data-testid',
+    'open-url-confirm-button',
+  );
+  const href = await el.getAttribute('href');
+  console.log('href', href);
+});
+
+test_Alice_1W('Refreshing page works', async ({ aliceWindow1 }) => {
+  // TODO Add string in once crowdin has been updated
+  // const expectedText = englishStrippedStr('updated')
+  //   .withArgs({ relative_time: '0m' })
+  //   .toString();
+  const expectedText = 'Last updated 0m ago';
+  await clickOnTestIdWithText(aliceWindow1, 'settings-section');
+  await clickOnTestIdWithText(
+    aliceWindow1,
+    'session-network-settings-menu-item',
+  );
+  await waitForLoadingAnimationToFinish(aliceWindow1, 'loading-spinner');
+  await clickOnTestIdWithText(aliceWindow1, 'refresh-button');
+  await waitForLoadingAnimationToFinish(aliceWindow1, 'loading-spinner');
+  await waitForTestIdWithText(aliceWindow1, 'last-updated-timestamp');
+  const returnedText = await grabTextFromElement(
+    aliceWindow1,
+    'data-testid',
+    'last-updated-timestamp',
+  );
+  if (returnedText !== expectedText) {
+    throw new Error(`Expected text: ${expectedText}, but got: ${returnedText}`);
+  }
+});

tests/automation/setup/new_user.ts

@@ -1,6 +1,7 @@
 import { Page } from '@playwright/test';
 import chalk from 'chalk';
 import { User } from '../types/testing';
+// eslint-disable-next-line import/no-cycle
 import {
   checkPathLight,
   clickOnTestIdWithText,

tests/automation/setup/open.ts

@@ -4,7 +4,9 @@ import chalk from 'chalk';
 import { isEmpty } from 'lodash';
 import { join } from 'path';
 import { v4 } from 'uuid';
+import dotenv from 'dotenv';
 
+dotenv.config();
 export const NODE_ENV = 'production';
 export const MULTI_PREFIX = 'test-integration-';
 const multisAvailable = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';

tests/automation/setup/recovery_using_seed.ts

@@ -1,12 +1,17 @@
 import { Page } from '@playwright/test';
+// eslint-disable-next-line import/no-cycle
 import {
   clickOnTestIdWithText,
   doesElementExist,
   typeIntoInput,
   waitForLoadingAnimationToFinish,
 } from '../utilities/utils';
 
-export async function recoverFromSeed(window: Page, recoveryPhrase: string) {
+export async function recoverFromSeed(
+  window: Page,
+  recoveryPhrase: string,
+  createDisplayName?: boolean,
+) {
   await clickOnTestIdWithText(window, 'existing-account-button');
   await typeIntoInput(window, 'recovery-phrase-input', recoveryPhrase);
   await clickOnTestIdWithText(window, 'continue-button');
@@ -17,8 +22,12 @@ export async function recoverFromSeed(window: Page, recoveryPhrase: string) {
     'display-name-input',
   );
   if (displayName) {
-    throw new Error(`Display name was not found when restoring from seed`);
+    if (createDisplayName) {
+      await typeIntoInput(window, 'display-name-input', 'Alice');
+      await clickOnTestIdWithText(window, 'continue-button');
+    } else {
+      throw new Error(`Display name was not found when restoring from seed`);
+    }
   }
-
   return { window };
 }

tests/automation/setup/sessionTest.ts

@@ -4,6 +4,7 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 import { Page, TestInfo, test } from '@playwright/test';
 import { Group, User } from '../types/testing';
+// eslint-disable-next-line import/no-cycle
 import { linkedDevice } from '../utilities/linked_device';
 import { forceCloseAllWindows } from './closeWindows';
 import { createGroup } from './create_group';
@@ -222,6 +223,29 @@ export function test_Alice_1W_no_network(
     },
   );
 }
+// Need a test for one window with network, mainly for Network Page
+export function test_Alice_1W(
+  testname: string,
+  testCallback: (
+    details: WithAlice & WithAliceWindow1,
+    testInfo: TestInfo,
+  ) => Promise<void>,
+) {
+  return sessionTestGeneric(
+    testname,
+    1,
+    { waitForNetwork: true },
+    ({ mainWindows, users }, testInfo) => {
+      return testCallback(
+        {
+          alice: users[0],
+          aliceWindow1: mainWindows[0],
+        },
+        testInfo,
+      );
+    },
+  );
+}
 
 /**
  * Setup the test with 1 user and 2 windows total:

tests/automation/types/testing.ts

@@ -191,4 +191,8 @@ export type DataTestId =
   | 'error-message'
   | 'group-members'
   | 'session-confirm-cancel-button'
-  | 'session-recovery-password';
+  | 'session-recovery-password'
+  | 'session-network-settings-menu-item'
+  | 'learn-more-network-link'
+  | 'refresh-button'
+  | 'last-updated-timestamp';

tests/automation/utilities/utils.ts

@@ -43,7 +43,7 @@ export async function waitForTestIdWithText(
   const found = await window.waitForSelector(builtSelector, {
     timeout: maxWait,
   });
-  // console.info('found selector', builtSelector);
+  console.info('found selector', builtSelector);
 
   return found;
 }