From 48a74ad094d82e7422b1419b12d408432386b361 Mon Sep 17 00:00:00 2001
From: bslabiak <112852128+bslabiak@users.noreply.github.com>
Date: Thu, 19 Sep 2024 16:14:28 +0200
Subject: [PATCH 1/3] test(extension): fix flaky help and support test (#1440)

---
 .../src/assert/helpAndSupportPageAssert.ts         |  5 +----
 .../e2e-tests/src/elements/helpAndSupportPage.ts   | 14 --------------
 .../src/features/LockWalletExtended.feature        |  2 +-
 .../features/OnboardingCreateWallet.part1.feature  |  2 +-
 packages/e2e-tests/src/steps/commonSteps.ts        |  4 ++--
 5 files changed, 5 insertions(+), 22 deletions(-)
 delete mode 100644 packages/e2e-tests/src/elements/helpAndSupportPage.ts

diff --git a/packages/e2e-tests/src/assert/helpAndSupportPageAssert.ts b/packages/e2e-tests/src/assert/helpAndSupportPageAssert.ts
index dec665cb9..8b8a304dd 100644
--- a/packages/e2e-tests/src/assert/helpAndSupportPageAssert.ts
+++ b/packages/e2e-tests/src/assert/helpAndSupportPageAssert.ts
@@ -1,16 +1,13 @@
 import { browser } from '@wdio/globals';
 import { expect } from 'chai';
-import HelpAndSupportPage from '../elements/helpAndSupportPage';
 
 class HelpAndSupportPageAssert {
-  assertSeeHelpAndSupportPage = async () => {
+  assertSeeHelpAndSupportPageURL = async () => {
     // might need to be updated in the future
     await browser.switchWindow('iohk.zendesk.com');
     const currentUrl = await browser.getUrl();
     const expectedUrl = 'https://iohk.zendesk.com/hc/en-us/requests/new';
     expect(currentUrl).to.equal(expectedUrl);
-    await HelpAndSupportPage.breadcrumbPart1.waitForDisplayed();
-    await HelpAndSupportPage.breadcrumbPart2.waitForDisplayed();
   };
 }
 
diff --git a/packages/e2e-tests/src/elements/helpAndSupportPage.ts b/packages/e2e-tests/src/elements/helpAndSupportPage.ts
deleted file mode 100644
index 1b66c978e..000000000
--- a/packages/e2e-tests/src/elements/helpAndSupportPage.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-class HelpAndSupportPage {
-  private BREADCRUMB_PART_1 = 'li[title="IOHK Support"]';
-  private BREADCRUMB_PART_2 = 'li[title="Submit a request"]';
-
-  get breadcrumbPart1() {
-    return $(this.BREADCRUMB_PART_1);
-  }
-
-  get breadcrumbPart2() {
-    return $(this.BREADCRUMB_PART_2);
-  }
-}
-
-export default new HelpAndSupportPage();
diff --git a/packages/e2e-tests/src/features/LockWalletExtended.feature b/packages/e2e-tests/src/features/LockWalletExtended.feature
index 5fd754b71..d3f1ad5b3 100644
--- a/packages/e2e-tests/src/features/LockWalletExtended.feature
+++ b/packages/e2e-tests/src/features/LockWalletExtended.feature
@@ -19,7 +19,7 @@ Feature: Wallet locking / unlocking - Extended view
   Scenario: Extended view - "Help and support" button click
     Given I am on lock screen
     When I click "Help and support" button on unlock screen
-    Then I see "Help and support" page
+    Then I see "Help and support" page URL
 
   @LW-3036 @Smoke
   Scenario: Extended view - Unlocking wallet with correct password opens wallet
diff --git a/packages/e2e-tests/src/features/OnboardingCreateWallet.part1.feature b/packages/e2e-tests/src/features/OnboardingCreateWallet.part1.feature
index be7a4ea4d..d492882ad 100755
--- a/packages/e2e-tests/src/features/OnboardingCreateWallet.part1.feature
+++ b/packages/e2e-tests/src/features/OnboardingCreateWallet.part1.feature
@@ -71,7 +71,7 @@ Feature: Onboarding - Create wallet
     And I click "Next" button during wallet setup
     And "Mnemonic writedown" page is displayed with 24 words
     When I click "Help and support" button during wallet setup
-    Then I see "Help and support" page
+    Then I see "Help and support" page URL
 
   @LW-2435
   Scenario: Create Wallet - Mnemonic writedown page - next button
diff --git a/packages/e2e-tests/src/steps/commonSteps.ts b/packages/e2e-tests/src/steps/commonSteps.ts
index b850c4525..2e3526e8d 100755
--- a/packages/e2e-tests/src/steps/commonSteps.ts
+++ b/packages/e2e-tests/src/steps/commonSteps.ts
@@ -167,8 +167,8 @@ Then(/^I don't see any toast message$/, async () => {
   await ToastMessageAssert.assertSeeToastMessage('', false);
 });
 
-Then(/^I see "Help and support" page$/, async () => {
-  await helpAndSupportPageAssert.assertSeeHelpAndSupportPage();
+Then(/^I see "Help and support" page URL$/, async () => {
+  await helpAndSupportPageAssert.assertSeeHelpAndSupportPageURL();
 });
 
 Then(/New tab with url containing "([^"]*)" is opened/, async (urlPart: string) => {

From a59aaa21585b1b1838939f6eb9a693ea7b5319c8 Mon Sep 17 00:00:00 2001
From: Angel Castillo <Angel.Castillo@iohk.io>
Date: Mon, 23 Sep 2024 17:43:17 +0800
Subject: [PATCH 2/3] chore: bump posthog version to latest (#1439)

---
 apps/browser-extension-wallet/package.json        |  2 +-
 .../PostHogClientProvider/client/PostHogClient.ts |  3 ++-
 packages/e2e-tests/src/steps/analyticsSteps.ts    |  2 +-
 .../e2e-tests/src/utils/postHogAnalyticsUtils.ts  | 15 +++++++++++++--
 yarn.lock                                         |  4 ++--
 5 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/apps/browser-extension-wallet/package.json b/apps/browser-extension-wallet/package.json
index b30f5227d..23f9008bb 100644
--- a/apps/browser-extension-wallet/package.json
+++ b/apps/browser-extension-wallet/package.json
@@ -79,7 +79,7 @@
     "openpgp": "^5.11.2",
     "p-debounce": "^4.0.0",
     "pluralize": "^8.0.0",
-    "posthog-js": "^1.68.4",
+    "posthog-js": "^1.161.3",
     "process": "^0.11.10",
     "qrcode": "^1.5.3",
     "react": "17.0.2",
diff --git a/apps/browser-extension-wallet/src/providers/PostHogClientProvider/client/PostHogClient.ts b/apps/browser-extension-wallet/src/providers/PostHogClientProvider/client/PostHogClient.ts
index d49aa3a91..11c798135 100644
--- a/apps/browser-extension-wallet/src/providers/PostHogClientProvider/client/PostHogClient.ts
+++ b/apps/browser-extension-wallet/src/providers/PostHogClientProvider/client/PostHogClient.ts
@@ -58,10 +58,11 @@ export class PostHogClient<Action extends string = string> {
           request_batching: false,
           api_host: this.postHogHost,
           autocapture: false,
+          opt_out_useragent_filter: true,
+          disable_compression: true,
           disable_session_recording: true,
           capture_pageview: false,
           capture_pageleave: false,
-          disable_compression: true,
           // Disables PostHog user ID persistence - we manage ID ourselves with userIdService
           disable_persistence: true,
           disable_cookie: true,
diff --git a/packages/e2e-tests/src/steps/analyticsSteps.ts b/packages/e2e-tests/src/steps/analyticsSteps.ts
index 7630550f5..508098285 100644
--- a/packages/e2e-tests/src/steps/analyticsSteps.ts
+++ b/packages/e2e-tests/src/steps/analyticsSteps.ts
@@ -26,7 +26,7 @@ export const validateEventProperty = async (event: string, property: string, pro
 When(/^I set up request interception for posthog analytics request\(s\)$/, async () => {
   await browser.pause(1000);
   await browser.setupInterceptor();
-  await browser.excludeUrls([new RegExp('^(?!https://e.lw.iog.io/e).*')]);
+  await browser.excludeUrls([new RegExp('^(?!https://e.lw.iog.io).*')]);
 });
 
 When(/^I validate latest analytics multiple events:$/, async (eventActionNames: DataTable) => {
diff --git a/packages/e2e-tests/src/utils/postHogAnalyticsUtils.ts b/packages/e2e-tests/src/utils/postHogAnalyticsUtils.ts
index 8ca5e13a3..60d26012a 100644
--- a/packages/e2e-tests/src/utils/postHogAnalyticsUtils.ts
+++ b/packages/e2e-tests/src/utils/postHogAnalyticsUtils.ts
@@ -1,8 +1,19 @@
 import { browser } from '@wdio/globals';
 
 const getRequestDataPayload = async (request: any): Promise<any> => {
-  const requestPayloadBase64Data = decodeURIComponent(String(request.body)).replace('data=', '');
-  return JSON.parse(Buffer.from(requestPayloadBase64Data, 'base64').toString('ascii'));
+  if (!request.body) {
+    console.warn('Request body is undefined');
+    return {};
+  }
+
+  const requestBody = typeof request.body === 'string' ? request.body : JSON.stringify(request.body);
+
+  try {
+    return JSON.parse(requestBody);
+  } catch {
+    const requestPayloadBase64Data = decodeURIComponent(requestBody).replace('data=', '');
+    return JSON.parse(Buffer.from(requestPayloadBase64Data, 'base64').toString('ascii'));
+  }
 };
 
 export const getAllEventsNames = async (): Promise<string[]> => {
diff --git a/yarn.lock b/yarn.lock
index 942d9ee1d..ad190fc2f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11356,7 +11356,7 @@ __metadata:
     openpgp: ^5.11.2
     p-debounce: ^4.0.0
     pluralize: ^8.0.0
-    posthog-js: ^1.68.4
+    posthog-js: ^1.161.3
     process: ^0.11.10
     qrcode: ^1.5.3
     react: 17.0.2
@@ -44940,7 +44940,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"posthog-js@npm:^1.68.4":
+"posthog-js@npm:^1.161.3":
   version: 1.161.6
   resolution: "posthog-js@npm:1.161.6"
   dependencies:

From d38eff37968fa8a7a47b369a0877365de09f4f2a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wojtek=20K=C5=82os?=
 <114915819+wklos-iohk@users.noreply.github.com>
Date: Tue, 24 Sep 2024 08:57:54 +0200
Subject: [PATCH 3/3] test(extension): add tests for Sign Message feature
 (#1441)

---
 .../sign-message/SignMessageDrawer.tsx        | 26 ++++--
 .../sign-message/useDrawerConfiguration.tsx   |  9 +-
 .../WalletOwnAddressDropdown.tsx              |  7 +-
 .../MessageSigningAllDoneDrawerAssert.ts      | 39 +++++++++
 .../MessageSigningConfirmationDrawerAssert.ts | 36 ++++++++
 .../MessageSigningInputDrawerAssert.ts        | 61 ++++++++++++++
 packages/e2e-tests/src/elements/menuHeader.ts | 10 +++
 .../settings/MessageSigningAllDoneDrawer.ts   | 48 +++++++++++
 .../MessageSigningConfirmationDrawer.ts       | 23 +++++
 .../settings/MessageSigningInputDrawer.ts     | 84 +++++++++++++++++++
 .../SettingsGeneratePaperWallet.feature       |  2 +-
 .../src/features/SignMessage.feature          | 60 +++++++++++++
 .../e2e-tests/src/hooks/beforeTagHooks.ts     |  2 +-
 packages/e2e-tests/src/steps/AccountsSteps.ts | 15 ++++
 .../src/steps/MessageSigningSteps.ts          | 57 +++++++++++++
 .../e2e-tests/src/steps/navigationTopSteps.ts |  4 +
 packages/e2e-tests/wdio.conf.base.ts          |  2 +-
 17 files changed, 472 insertions(+), 13 deletions(-)
 create mode 100644 packages/e2e-tests/src/assert/settings/MessageSigningAllDoneDrawerAssert.ts
 create mode 100644 packages/e2e-tests/src/assert/settings/MessageSigningConfirmationDrawerAssert.ts
 create mode 100644 packages/e2e-tests/src/assert/settings/MessageSigningInputDrawerAssert.ts
 create mode 100644 packages/e2e-tests/src/elements/settings/MessageSigningAllDoneDrawer.ts
 create mode 100644 packages/e2e-tests/src/elements/settings/MessageSigningConfirmationDrawer.ts
 create mode 100644 packages/e2e-tests/src/elements/settings/MessageSigningInputDrawer.ts
 create mode 100644 packages/e2e-tests/src/features/SignMessage.feature
 create mode 100644 packages/e2e-tests/src/steps/MessageSigningSteps.ts

diff --git a/apps/browser-extension-wallet/src/views/browser-view/features/sign-message/SignMessageDrawer.tsx b/apps/browser-extension-wallet/src/views/browser-view/features/sign-message/SignMessageDrawer.tsx
index f4d9c3e46..2e59f32d5 100644
--- a/apps/browser-extension-wallet/src/views/browser-view/features/sign-message/SignMessageDrawer.tsx
+++ b/apps/browser-extension-wallet/src/views/browser-view/features/sign-message/SignMessageDrawer.tsx
@@ -67,15 +67,21 @@ export const SignMessageDrawer: React.FC = () => {
 
   const renderInitialState = () => (
     <>
-      <Text.Body.Large weight="$bold">{t('core.signMessage.instructions')}</Text.Body.Large>
-      <Text.Body.Normal className={styles.subtitle}>{t('core.signMessage.subtitle')}</Text.Body.Normal>
+      <Text.Body.Large weight="$bold" data-testid={'drawer-header-title'}>
+        {t('core.signMessage.instructions')}
+      </Text.Body.Large>
+      <Text.Body.Normal className={styles.subtitle} data-testid={'drawer-header-subtitle'}>
+        {t('core.signMessage.subtitle')}
+      </Text.Body.Normal>
       {isHardwareWallet && hardwareWalletError && (
         <div className={styles.errorMessage}>
           <Text.Body.Normal color="error">{hardwareWalletError}</Text.Body.Normal>
         </div>
       )}
       <div className={styles.inputGroup}>
-        <Text.Body.Normal weight="$medium">{t('core.signMessage.addressLabel')}</Text.Body.Normal>
+        <Text.Body.Normal weight="$medium" data-testid={'address-label'}>
+          {t('core.signMessage.addressLabel')}
+        </Text.Body.Normal>
         <WalletOwnAddressDropdown
           addresses={usedAddresses}
           onSelect={setSelectedAddress}
@@ -83,7 +89,9 @@ export const SignMessageDrawer: React.FC = () => {
         />
       </div>
       <div className={styles.inputGroup}>
-        <Text.Body.Normal weight="$medium">{t('core.signMessage.messageLabel')}</Text.Body.Normal>
+        <Text.Body.Normal weight="$medium" data-testid={'message-to-sign-label'}>
+          {t('core.signMessage.messageLabel')}
+        </Text.Body.Normal>
         <TextArea
           placeholder={t('core.signMessage.messagePlaceholder')}
           value={message}
@@ -98,12 +106,16 @@ export const SignMessageDrawer: React.FC = () => {
 
   const renderPasswordPrompt = () => (
     <>
-      <Text.Body.Large weight="$bold">{t('core.signMessage.passwordTitle')}</Text.Body.Large>
-      <Text.Body.Normal className={styles.subtitle}>{t('core.signMessage.passwordSubtitle')}</Text.Body.Normal>
+      <Text.Body.Large weight="$bold" data-testid={'drawer-header-title'}>
+        {t('core.signMessage.passwordTitle')}
+      </Text.Body.Large>
+      <Text.Body.Normal className={styles.subtitle} data-testid={'drawer-header-subtitle'}>
+        {t('core.signMessage.passwordSubtitle')}
+      </Text.Body.Normal>
       <PasswordInput
         onChange={setPassword}
         label={t('core.signMessage.passwordLabel')}
-        dataTestId="sign-message-password-input"
+        dataTestId="password-input"
         error={!!error}
         errorMessage={error}
         wrapperClassName={styles.passwordWrapper}
diff --git a/apps/browser-extension-wallet/src/views/browser-view/features/sign-message/useDrawerConfiguration.tsx b/apps/browser-extension-wallet/src/views/browser-view/features/sign-message/useDrawerConfiguration.tsx
index dcb507761..58c411331 100644
--- a/apps/browser-extension-wallet/src/views/browser-view/features/sign-message/useDrawerConfiguration.tsx
+++ b/apps/browser-extension-wallet/src/views/browser-view/features/sign-message/useDrawerConfiguration.tsx
@@ -47,7 +47,7 @@ export const useDrawerConfiguration = ({
     if (signatureObject?.signature && !error) {
       return (
         <CopyToClipboard text={signatureObject.signature}>
-          <Button onClick={handleCopy}>
+          <Button onClick={handleCopy} data-testid={'copy-button'}>
             {t('core.signMessage.copyToClipboard')}
             <CopyToClipboardImg className={styles.newFolderIcon} />
           </Button>
@@ -55,7 +55,11 @@ export const useDrawerConfiguration = ({
       );
     }
     return (
-      <Button onClick={handleSign} disabled={!selectedAddress || !message || isSigningInProgress}>
+      <Button
+        onClick={handleSign}
+        disabled={!selectedAddress || !message || isSigningInProgress}
+        data-testid={'sign-message-button'}
+      >
         {getActionButtonLabel()}
       </Button>
     );
@@ -84,6 +88,7 @@ export const useDrawerConfiguration = ({
             closeDrawer();
             clearSecrets();
           }}
+          data-testid={'close-button'}
         >
           {t('core.signMessage.closeButton')}
         </Button>
diff --git a/packages/core/src/ui/components/WalletOwnAddressesDropdown/WalletOwnAddressDropdown.tsx b/packages/core/src/ui/components/WalletOwnAddressesDropdown/WalletOwnAddressDropdown.tsx
index 712c13ced..ae781e2c4 100644
--- a/packages/core/src/ui/components/WalletOwnAddressesDropdown/WalletOwnAddressDropdown.tsx
+++ b/packages/core/src/ui/components/WalletOwnAddressesDropdown/WalletOwnAddressDropdown.tsx
@@ -49,7 +49,12 @@ export const WalletOwnAddressDropdown = ({
 
   return (
     <Dropdown menu={menuProps} trigger={['click']}>
-      <Button variant="outlined" color="secondary" className={cn(styles.dropdownBtn)}>
+      <Button
+        variant="outlined"
+        color="secondary"
+        className={cn(styles.dropdownBtn)}
+        data-testid="select-address-button"
+      >
         <span className={styles.content}>{selectedAddress}</span>
       </Button>
     </Dropdown>
diff --git a/packages/e2e-tests/src/assert/settings/MessageSigningAllDoneDrawerAssert.ts b/packages/e2e-tests/src/assert/settings/MessageSigningAllDoneDrawerAssert.ts
new file mode 100644
index 000000000..99d1e5f85
--- /dev/null
+++ b/packages/e2e-tests/src/assert/settings/MessageSigningAllDoneDrawerAssert.ts
@@ -0,0 +1,39 @@
+import MessageSigningAllDoneDrawer from '../../elements/settings/MessageSigningAllDoneDrawer';
+import { expect } from 'chai';
+import { t } from '../../utils/translationService';
+import clipboard from 'clipboardy';
+
+class MessageSigningAllDoneDrawerAssert {
+  async assertSeeAllDoneDrawer() {
+    await MessageSigningAllDoneDrawer.drawerHeaderCloseButton.waitForClickable();
+    await MessageSigningAllDoneDrawer.drawerNavigationTitle.waitForDisplayed();
+    expect(await MessageSigningAllDoneDrawer.drawerNavigationTitle.getText()).to.equal(
+      await t('core.signMessage.title')
+    );
+
+    await MessageSigningAllDoneDrawer.image.waitForDisplayed();
+    await MessageSigningAllDoneDrawer.title.waitForDisplayed();
+    expect(await MessageSigningAllDoneDrawer.title.getText()).to.equal(await t('core.signMessage.successTitle'));
+    await MessageSigningAllDoneDrawer.description.waitForDisplayed();
+    expect(await MessageSigningAllDoneDrawer.description.getText()).to.equal(
+      await t('core.signMessage.successDescription')
+    );
+    await MessageSigningAllDoneDrawer.signature.waitForDisplayed();
+    expect(await MessageSigningAllDoneDrawer.signature.getText()).to.not.be.empty;
+
+    await MessageSigningAllDoneDrawer.copyButton.waitForClickable();
+    expect(await MessageSigningAllDoneDrawer.copyButton.getText()).to.equal(
+      await t('core.signMessage.copyToClipboard')
+    );
+    await MessageSigningAllDoneDrawer.closeButton.waitForClickable();
+    expect(await MessageSigningAllDoneDrawer.closeButton.getText()).to.equal(await t('core.signMessage.closeButton'));
+  }
+
+  async assertSignatureInClipboardIsCorrect() {
+    const displayedSignature = await MessageSigningAllDoneDrawer.signature.getText();
+    const signatureFromClipboard = await clipboard.read();
+    expect(signatureFromClipboard).to.equal(displayedSignature);
+  }
+}
+
+export default new MessageSigningAllDoneDrawerAssert();
diff --git a/packages/e2e-tests/src/assert/settings/MessageSigningConfirmationDrawerAssert.ts b/packages/e2e-tests/src/assert/settings/MessageSigningConfirmationDrawerAssert.ts
new file mode 100644
index 000000000..4f0f9e5ea
--- /dev/null
+++ b/packages/e2e-tests/src/assert/settings/MessageSigningConfirmationDrawerAssert.ts
@@ -0,0 +1,36 @@
+import { expect } from 'chai';
+import { t } from '../../utils/translationService';
+import MessageSigningSignConfirmationDrawer from '../../elements/settings/MessageSigningConfirmationDrawer';
+
+class MessageSigningConfirmationDrawerAssert {
+  async assertSeeSignConfirmationDrawer() {
+    await MessageSigningSignConfirmationDrawer.drawerHeaderCloseButton.waitForClickable();
+    await MessageSigningSignConfirmationDrawer.drawerNavigationTitle.waitForDisplayed();
+    expect(await MessageSigningSignConfirmationDrawer.drawerNavigationTitle.getText()).to.equal(
+      await t('core.signMessage.title')
+    );
+
+    await MessageSigningSignConfirmationDrawer.drawerHeaderTitle.waitForDisplayed();
+    expect(await MessageSigningSignConfirmationDrawer.drawerHeaderTitle.getText()).to.equal(
+      await t('core.signMessage.passwordTitle')
+    );
+    await MessageSigningSignConfirmationDrawer.drawerHeaderSubtitle.waitForDisplayed();
+    expect(await MessageSigningSignConfirmationDrawer.drawerHeaderSubtitle.getText()).to.equal(
+      await t('core.signMessage.passwordSubtitle')
+    );
+
+    await MessageSigningSignConfirmationDrawer.passwordInput.waitForEnabled();
+
+    await MessageSigningSignConfirmationDrawer.signMessageButton.waitForEnabled();
+    expect(await MessageSigningSignConfirmationDrawer.signMessageButton.getText()).to.equal(
+      await t('core.signMessage.signButton')
+    );
+
+    await MessageSigningSignConfirmationDrawer.closeButton.waitForDisplayed();
+    expect(await MessageSigningSignConfirmationDrawer.closeButton.getText()).to.equal(
+      await t('core.signMessage.closeButton')
+    );
+  }
+}
+
+export default new MessageSigningConfirmationDrawerAssert();
diff --git a/packages/e2e-tests/src/assert/settings/MessageSigningInputDrawerAssert.ts b/packages/e2e-tests/src/assert/settings/MessageSigningInputDrawerAssert.ts
new file mode 100644
index 000000000..c55cacb2b
--- /dev/null
+++ b/packages/e2e-tests/src/assert/settings/MessageSigningInputDrawerAssert.ts
@@ -0,0 +1,61 @@
+import MessageSigningInputDrawer from '../../elements/settings/MessageSigningInputDrawer';
+import { expect } from 'chai';
+import { t } from '../../utils/translationService';
+
+class MessageSigningInputDrawerAssert {
+  async assertSeeMessageSigningInputDrawer() {
+    await MessageSigningInputDrawer.drawerHeaderCloseButton.waitForClickable();
+    await MessageSigningInputDrawer.drawerNavigationTitle.waitForDisplayed();
+    expect(await MessageSigningInputDrawer.drawerNavigationTitle.getText()).to.equal(await t('core.signMessage.title'));
+
+    await MessageSigningInputDrawer.drawerHeaderTitle.waitForDisplayed();
+    expect(await MessageSigningInputDrawer.drawerHeaderTitle.getText()).to.equal(
+      await t('core.signMessage.instructions')
+    );
+    await MessageSigningInputDrawer.drawerHeaderSubtitle.waitForDisplayed();
+    expect(await MessageSigningInputDrawer.drawerHeaderSubtitle.getText()).to.equal(
+      await t('core.signMessage.subtitle')
+    );
+
+    await MessageSigningInputDrawer.addressLabel.waitForDisplayed();
+    expect(await MessageSigningInputDrawer.addressLabel.getText()).to.equal(await t('core.signMessage.addressLabel'));
+    await MessageSigningInputDrawer.selectAddressButton.waitForDisplayed();
+    expect(await MessageSigningInputDrawer.selectAddressButton.getText()).to.equal(
+      await t('core.signMessage.selectAddress')
+    );
+
+    await MessageSigningInputDrawer.messageToSignLabel.waitForDisplayed();
+    expect(await MessageSigningInputDrawer.messageToSignLabel.getText()).to.equal(
+      await t('core.signMessage.messageLabel')
+    );
+    await MessageSigningInputDrawer.messageInput.waitForDisplayed();
+    expect(await MessageSigningInputDrawer.messageInput.getAttribute('placeholder')).to.equal(
+      await t('core.signMessage.messagePlaceholder')
+    );
+
+    await MessageSigningInputDrawer.signMessageButton.waitForDisplayed();
+    expect(await MessageSigningInputDrawer.signMessageButton.getText()).to.equal(
+      await t('core.signMessage.signButton')
+    );
+
+    await MessageSigningInputDrawer.closeButton.waitForDisplayed();
+    expect(await MessageSigningInputDrawer.closeButton.getText()).to.equal(await t('core.signMessage.closeButton'));
+  }
+
+  async assertSeeFollowingAddressesOnTheDropdownMenu(expectedAddresses: string[]) {
+    await MessageSigningInputDrawer.addressMenu.waitForClickable();
+    const actualAddresses = await (
+      await MessageSigningInputDrawer.addresses
+    ).map(async (address) => await address.getText());
+
+    expect(actualAddresses).to.deep.equal(expectedAddresses);
+  }
+
+  async assertSeeSelectedAddress(expectedAddress: string) {
+    await MessageSigningInputDrawer.selectAddressButton.waitForDisplayed();
+    const actualAddress = await MessageSigningInputDrawer.selectAddressButton.getText();
+    expect(actualAddress).to.equal(expectedAddress);
+  }
+}
+
+export default new MessageSigningInputDrawerAssert();
diff --git a/packages/e2e-tests/src/elements/menuHeader.ts b/packages/e2e-tests/src/elements/menuHeader.ts
index 2d372f3bd..5697d131a 100644
--- a/packages/e2e-tests/src/elements/menuHeader.ts
+++ b/packages/e2e-tests/src/elements/menuHeader.ts
@@ -16,6 +16,7 @@ export class MenuHeader {
   private MENU_ADDRESS_BOOK_BUTTON = '//li[@data-testid="header-menu-address-book"]';
   private MENU_ADD_NEW_WALLET_BUTTON = '[data-testid="header-menu-new-wallet"]';
   private MENU_SETTINGS_BUTTON = '//li[@data-testid="header-menu-settings"]';
+  private MENU_SIGN_MESSAGE_BUTTON = '//li[@data-testid="header-menu-sign-message"]';
   private MENU_LOCK_BUTTON = '//li[@data-testid="header-menu-lock"]';
   private MENU_WALLET_OPTION_ITEM = '//button[@data-testid="wallet-option-item"]';
   private MENU_WALLET_OPTION_NAME = '//span[@data-testid="wallet-option-title"]';
@@ -103,6 +104,10 @@ export class MenuHeader {
     return $(this.MENU_SETTINGS_BUTTON);
   }
 
+  get menuSignMessageButton(): ChainablePromiseElement<WebdriverIO.Element> {
+    return $(this.MENU_SIGN_MESSAGE_BUTTON);
+  }
+
   get menuLockButton(): ChainablePromiseElement<WebdriverIO.Element> {
     return $(this.MENU_LOCK_BUTTON);
   }
@@ -198,6 +203,11 @@ export class MenuHeader {
     await this.menuSettingsButton.click();
   }
 
+  async clickSignMessageButton(): Promise<void> {
+    await this.menuSignMessageButton.waitForClickable();
+    await this.menuSignMessageButton.click();
+  }
+
   async clickAddressBookOption(): Promise<void> {
     await this.menuAddressBookButton.click();
   }
diff --git a/packages/e2e-tests/src/elements/settings/MessageSigningAllDoneDrawer.ts b/packages/e2e-tests/src/elements/settings/MessageSigningAllDoneDrawer.ts
new file mode 100644
index 000000000..a14ef3024
--- /dev/null
+++ b/packages/e2e-tests/src/elements/settings/MessageSigningAllDoneDrawer.ts
@@ -0,0 +1,48 @@
+/* eslint-disable no-undef */
+import CommonDrawerElements from '../CommonDrawerElements';
+import type { ChainablePromiseElement } from 'webdriverio';
+
+class MessageSigningAllDoneDrawer extends CommonDrawerElements {
+  private IMAGE = '[data-testid="result-message-img"]';
+  private TITLE = '[data-testid="result-message-title"]';
+  private DESCRIPTION = '[data-testid="result-message-description"]';
+  private SIGNATURE = '[data-testid="sign-message-signature"]';
+  private COPY_BUTTON = '[data-testid="copy-button"]';
+  private CLOSE_BUTTON = '[data-testid="close-button"]';
+
+  get image(): ChainablePromiseElement<WebdriverIO.Element> {
+    return $(this.IMAGE);
+  }
+
+  get title(): ChainablePromiseElement<WebdriverIO.Element> {
+    return $(this.TITLE);
+  }
+
+  get description(): ChainablePromiseElement<WebdriverIO.Element> {
+    return $(this.DESCRIPTION);
+  }
+
+  get signature(): ChainablePromiseElement<WebdriverIO.Element> {
+    return $(this.SIGNATURE);
+  }
+
+  get copyButton(): ChainablePromiseElement<WebdriverIO.Element> {
+    return $(this.COPY_BUTTON);
+  }
+
+  get closeButton(): ChainablePromiseElement<WebdriverIO.Element> {
+    return $(this.CLOSE_BUTTON);
+  }
+
+  async clickOnCopySignatureToClipboardButton(): Promise<void> {
+    await this.copyButton.waitForClickable();
+    await this.copyButton.click();
+  }
+
+  async clickOnCloseButton(): Promise<void> {
+    await this.closeButton.waitForClickable();
+    await this.closeButton.click();
+  }
+}
+
+export default new MessageSigningAllDoneDrawer();
diff --git a/packages/e2e-tests/src/elements/settings/MessageSigningConfirmationDrawer.ts b/packages/e2e-tests/src/elements/settings/MessageSigningConfirmationDrawer.ts
new file mode 100644
index 000000000..504e4984a
--- /dev/null
+++ b/packages/e2e-tests/src/elements/settings/MessageSigningConfirmationDrawer.ts
@@ -0,0 +1,23 @@
+/* eslint-disable no-undef */
+import CommonDrawerElements from '../CommonDrawerElements';
+import type { ChainablePromiseElement } from 'webdriverio';
+
+class MessageSigningConfirmationDrawer extends CommonDrawerElements {
+  private PASSWORD_INPUT = '[data-testid="password-input"]';
+  private SIGN_MESSAGE_BUTTON = '[data-testid="sign-message-button"]';
+  private CLOSE_BUTTON = '[data-testid="close-button"]';
+
+  get passwordInput(): ChainablePromiseElement<WebdriverIO.Element> {
+    return $(this.PASSWORD_INPUT);
+  }
+
+  get signMessageButton(): ChainablePromiseElement<WebdriverIO.Element> {
+    return $(this.SIGN_MESSAGE_BUTTON);
+  }
+
+  get closeButton(): ChainablePromiseElement<WebdriverIO.Element> {
+    return $(this.CLOSE_BUTTON);
+  }
+}
+
+export default new MessageSigningConfirmationDrawer();
diff --git a/packages/e2e-tests/src/elements/settings/MessageSigningInputDrawer.ts b/packages/e2e-tests/src/elements/settings/MessageSigningInputDrawer.ts
new file mode 100644
index 000000000..5ae87c7b3
--- /dev/null
+++ b/packages/e2e-tests/src/elements/settings/MessageSigningInputDrawer.ts
@@ -0,0 +1,84 @@
+/* eslint-disable no-undef */
+import CommonDrawerElements from '../CommonDrawerElements';
+import type { ChainablePromiseElement } from 'webdriverio';
+import type { ChainablePromiseArray } from 'webdriverio/build/types';
+import testContext from '../../utils/testContext';
+
+class MessageSigningInputDrawer extends CommonDrawerElements {
+  private TITLE = '[data-testid="drawer-header-title"]';
+  private SUBTITLE = '[data-testid="drawer-header-subtitle"]';
+  private ADDRESS_LABEL = '[data-testid="address-label"]';
+  private SELECT_ADDRESS_BUTTON = '[data-testid="select-address-button"]';
+  private MESSAGE_TO_SIGN_LABEL = '[data-testid="message-to-sign-label"]';
+  private MESSAGE_INPUT = '[data-testid="sign-message-input"]';
+  private SIGN_MESSAGE_BUTTON = '[data-testid="sign-message-button"]';
+  private CLOSE_BUTTON = '[data-testid="close-button"]';
+  private ADDRESS_MENU = '.ant-dropdown-menu';
+  private ADDRESS_ITEM = '.ant-dropdown-menu-item';
+
+  get drawerHeaderTitle(): ChainablePromiseElement<WebdriverIO.Element> {
+    return $(this.TITLE);
+  }
+
+  get drawerHeaderSubtitle(): ChainablePromiseElement<WebdriverIO.Element> {
+    return $(this.SUBTITLE);
+  }
+
+  get addressLabel(): ChainablePromiseElement<WebdriverIO.Element> {
+    return $(this.ADDRESS_LABEL);
+  }
+
+  get selectAddressButton(): ChainablePromiseElement<WebdriverIO.Element> {
+    return $(this.SELECT_ADDRESS_BUTTON);
+  }
+
+  get messageToSignLabel(): ChainablePromiseElement<WebdriverIO.Element> {
+    return $(this.MESSAGE_TO_SIGN_LABEL);
+  }
+
+  get messageInput(): ChainablePromiseElement<WebdriverIO.Element> {
+    return $(this.MESSAGE_INPUT);
+  }
+
+  get signMessageButton(): ChainablePromiseElement<WebdriverIO.Element> {
+    return $(this.SIGN_MESSAGE_BUTTON);
+  }
+
+  get closeButton(): ChainablePromiseElement<WebdriverIO.Element> {
+    return $(this.CLOSE_BUTTON);
+  }
+
+  get addressMenu(): ChainablePromiseElement<WebdriverIO.Element> {
+    return $(this.ADDRESS_MENU);
+  }
+
+  get addresses(): ChainablePromiseArray<WebdriverIO.ElementArray> {
+    return $$(this.ADDRESS_ITEM);
+  }
+
+  async clickOnSelectAddressButton(): Promise<void> {
+    await this.selectAddressButton.waitForClickable();
+    await this.selectAddressButton.click();
+  }
+
+  async selectRandomAddress(): Promise<void> {
+    await this.addressMenu.waitForClickable();
+    const numberOfAddresses = await this.addresses.length;
+    const index = Math.floor(Math.random() * numberOfAddresses);
+    const selectedAddress = await this.addresses[index].getText();
+    testContext.save('selectedAddress', selectedAddress);
+    await this.addresses[index].click();
+  }
+
+  async fillMessageField(message: string): Promise<void> {
+    await this.messageInput.waitForClickable();
+    await this.messageInput.setValue(message);
+  }
+
+  async clickOnSignMessageButton(): Promise<void> {
+    await this.signMessageButton.waitForClickable();
+    await this.signMessageButton.click();
+  }
+}
+
+export default new MessageSigningInputDrawer();
diff --git a/packages/e2e-tests/src/features/SettingsGeneratePaperWallet.feature b/packages/e2e-tests/src/features/SettingsGeneratePaperWallet.feature
index 4bea705ec..992ab9670 100644
--- a/packages/e2e-tests/src/features/SettingsGeneratePaperWallet.feature
+++ b/packages/e2e-tests/src/features/SettingsGeneratePaperWallet.feature
@@ -80,7 +80,7 @@ Feature: General Settings - Extended Browser View
     And I close the drawer by clicking close button
     Then I see settings page
 
-  @LW-11201
+  @LW-11202
   Scenario: Extended view - Settings - Generate paper wallet - Save your paper wallet - close
     When I open settings from header menu
     And I click on "Generate paper wallet" setting
diff --git a/packages/e2e-tests/src/features/SignMessage.feature b/packages/e2e-tests/src/features/SignMessage.feature
new file mode 100644
index 000000000..69c08388c
--- /dev/null
+++ b/packages/e2e-tests/src/features/SignMessage.feature
@@ -0,0 +1,60 @@
+@SignMessage-Extended @Testnet
+Feature: Sign message
+
+  Background:
+    Given Wallet is synced
+
+  @LW-11536
+  Scenario: Extended view - Sign message - open "Message signing" drawer
+    When I click the menu button
+    And I click on the "Sign message" option
+    Then "Message signing" drawer is displayed
+
+  @LW-11537
+  Scenario: Extended view - Sign message - main account - show available addresses
+    When I click the menu button
+    And I click on the "Sign message" option
+    And I click on "Select an address to use" button
+    Then the list of all available addresses is shown and contains:
+      # For main account from TestAutomationWallet
+      | addr_test1qp9u2f6e2ss4knzs04m...x93qthjq8z23gl |
+      | addr_test1qp9u2f6e2ss4knzs04m...xmgcmf0slx7s84 |
+      | addr_test1qp9u2f6e2ss4knzs04m...3yw552rsa35vu9 |
+      | addr_test1qp9u2f6e2ss4knzs04m...wteklwfqfsgj2x |
+      | addr_test1qp9u2f6e2ss4knzs04m...lw4gl99qhgxzrl |
+      | addr_test1qp9u2f6e2ss4knzs04m...uaygdyks7e5s3g |
+      | addr_test1qp9u2f6e2ss4knzs04m...455y702qp5mtrx |
+      | addr_test1qp9u2f6e2ss4knzs04m...mvem3g3shynqpt |
+      | addr_test1qp9u2f6e2ss4knzs04m...5wrsahtq9j6654 |
+      | addr_test1qp9u2f6e2ss4knzs04m...n538zfzs46wd06 |
+      | addr_test1qpeql2df7cjfhgv39q6...x93qthjqmm4c2z |
+      | addr_test1qz30ws0yr2ftty6t6mn...x93qthjqaqej44 |
+
+  @LW-11538
+  Scenario: Extended view - Sign message - additional account - show available addresses
+    Given One of additional accounts is active
+    When I click the menu button
+    And I click on the "Sign message" option
+    And I click on "Select an address to use" button
+    Then the list of all available addresses is shown and contains:
+      # For 3rd account from TestAutomationWallet
+      | addr_test1qpvl49m3p8z8cmlqrmm...mhy2p8sqj0rsdf |
+
+  @LW-11539
+  Scenario: Extended view - Sign message - happy path
+    When I click the menu button
+    And I click on the "Sign message" option
+    And I click on "Select an address to use" button
+    And I select a random address from the list
+    Then selected address is displayed on a drawer
+    When I fill "Message to sign" field
+    And I click on "Sign message" button
+    Then "Sign confirmation" drawer is displayed
+    When I fill password input with correct password
+    And I click on "Sign message" button
+    Then "All done" drawer is displayed for message signing flow
+    When I click on "Copy signature to clipboard" button
+    Then I see a toast with text: "Copied to clipboard"
+    And signature in clipboard is equal to the one displayed on drawer
+    When I click on "Close" button on "All done!" drawer for message signing
+    Then Drawer is not displayed
diff --git a/packages/e2e-tests/src/hooks/beforeTagHooks.ts b/packages/e2e-tests/src/hooks/beforeTagHooks.ts
index becb9946a..6d4636d5c 100644
--- a/packages/e2e-tests/src/hooks/beforeTagHooks.ts
+++ b/packages/e2e-tests/src/hooks/beforeTagHooks.ts
@@ -48,7 +48,7 @@ Before(
 
 Before(
   {
-    tags: '@AddressBook-extended or @Transactions-Extended or @Tokens-extended or @Staking-Extended or @LockWallet-extended or @Top-Navigation-Extended or @NFTs-Extended or @NFT-Folders-Extended or @SendTx-Bundles-Extended or @SendTx-Simple-Extended or @MainNavigation-Extended or @Send-Transaction-Metadata-Extended or @Settings-Extended or @DAppConnector or @DAppConnector-Extended or @Analytics-Settings-Extended or @Banxa-Extended or @GeneratePaperWallet'
+    tags: '@AddressBook-extended or @Transactions-Extended or @Tokens-extended or @Staking-Extended or @LockWallet-extended or @Top-Navigation-Extended or @NFTs-Extended or @NFT-Folders-Extended or @SendTx-Bundles-Extended or @SendTx-Simple-Extended or @MainNavigation-Extended or @Send-Transaction-Metadata-Extended or @Settings-Extended or @DAppConnector or @DAppConnector-Extended or @Analytics-Settings-Extended or @Banxa-Extended or @GeneratePaperWallet or @SignMessage-Extended'
   },
   async () => {
     await extendedViewWalletInitialization();
diff --git a/packages/e2e-tests/src/steps/AccountsSteps.ts b/packages/e2e-tests/src/steps/AccountsSteps.ts
index b3845f220..55f5c0c51 100644
--- a/packages/e2e-tests/src/steps/AccountsSteps.ts
+++ b/packages/e2e-tests/src/steps/AccountsSteps.ts
@@ -7,6 +7,8 @@ import WalletAccountsUnlockDrawerAssert from '../assert/WalletAccountsUnlockDraw
 import { getTestWallet, TestWalletName } from '../support/walletConfiguration';
 import WalletAccountsUnlockDrawer from '../elements/accounts/WalletAccountsUnlockDrawer';
 import HoldUpDisableAccountDialog from '../elements/accounts/HoldUpDisableAccountDialog';
+import MainLoader from '../elements/MainLoader';
+import MenuHeader from '../elements/menuHeader';
 
 When(/^I click on chevron for wallet number (\d)$/, async (walletIndex: number) => {
   await new WalletOption(walletIndex).clickOnAccountsMenuButton();
@@ -97,3 +99,16 @@ Then(/^I click "(Cancel|Disable)" on "Hold Up!" account disable modal$/, async (
     ? HoldUpDisableAccountDialog.clickCancelButton()
     : HoldUpDisableAccountDialog.clickConfirmButton());
 });
+
+When(/^One of additional accounts is active$/, async () => {
+  await MenuHeader.clickMenuButton();
+  await new WalletOption(1).clickOnAccountsMenuButton();
+  const accountItem = new WalletAccountsMenuItem(3);
+  await accountItem.accountEnableButton.waitForClickable();
+  await accountItem.accountEnableButton.click();
+  const password = String(getTestWallet(TestWalletName.TestAutomationWallet).password);
+  await WalletAccountsUnlockDrawer.passwordInput.waitForClickable();
+  await WalletAccountsUnlockDrawer.passwordInput.setValue(password);
+  await WalletAccountsUnlockDrawer.clickConfirmButton();
+  await MainLoader.waitUntilLoaderDisappears();
+});
diff --git a/packages/e2e-tests/src/steps/MessageSigningSteps.ts b/packages/e2e-tests/src/steps/MessageSigningSteps.ts
new file mode 100644
index 000000000..7286ef0fc
--- /dev/null
+++ b/packages/e2e-tests/src/steps/MessageSigningSteps.ts
@@ -0,0 +1,57 @@
+import { DataTable, Then, When } from '@cucumber/cucumber';
+import MessageSigningInputDrawerAssert from '../assert/settings/MessageSigningInputDrawerAssert';
+import MessageSigningInputDrawer from '../elements/settings/MessageSigningInputDrawer';
+import { dataTableAsStringArray } from '../utils/cucumberDataHelper';
+import testContext from '../utils/testContext';
+import MessageSigningConfirmationDrawerAssert from '../assert/settings/MessageSigningConfirmationDrawerAssert';
+import MessageSigningAllDoneDrawerAssert from '../assert/settings/MessageSigningAllDoneDrawerAssert';
+import MessageSigningAllDoneDrawer from '../elements/settings/MessageSigningAllDoneDrawer';
+
+Then(/^"Message signing" drawer is displayed$/, async () => {
+  await MessageSigningInputDrawerAssert.assertSeeMessageSigningInputDrawer();
+});
+
+When(/^I click on "Select an address to use" button$/, async () => {
+  await MessageSigningInputDrawer.clickOnSelectAddressButton();
+});
+
+Then(/^the list of all available addresses is shown and contains:$/, async (addresses: DataTable) => {
+  await MessageSigningInputDrawerAssert.assertSeeFollowingAddressesOnTheDropdownMenu(dataTableAsStringArray(addresses));
+});
+
+When(/^I select a random address from the list$/, async () => {
+  await MessageSigningInputDrawer.selectRandomAddress();
+});
+
+Then(/^selected address is displayed on a drawer$/, async () => {
+  const expectedAddress = String(testContext.load('selectedAddress'));
+  await MessageSigningInputDrawerAssert.assertSeeSelectedAddress(expectedAddress);
+});
+
+When(/^I fill "Message to sign" field$/, async () => {
+  await MessageSigningInputDrawer.fillMessageField('Hello World!');
+});
+
+When(/^I click on "Sign message" button$/, async () => {
+  await MessageSigningInputDrawer.clickOnSignMessageButton();
+});
+
+Then(/^"Sign confirmation" drawer is displayed$/, async () => {
+  await MessageSigningConfirmationDrawerAssert.assertSeeSignConfirmationDrawer();
+});
+
+Then(/^"All done" drawer is displayed for message signing flow$/, async () => {
+  await MessageSigningAllDoneDrawerAssert.assertSeeAllDoneDrawer();
+});
+
+When(/^I click on "Copy signature to clipboard" button$/, async () => {
+  await MessageSigningAllDoneDrawer.clickOnCopySignatureToClipboardButton();
+});
+
+Then(/^signature in clipboard is equal to the one displayed on drawer$/, async () => {
+  await MessageSigningAllDoneDrawerAssert.assertSignatureInClipboardIsCorrect();
+});
+
+When(/^I click on "Close" button on "All done!" drawer for message signing$/, async () => {
+  await MessageSigningAllDoneDrawer.clickOnCloseButton();
+});
diff --git a/packages/e2e-tests/src/steps/navigationTopSteps.ts b/packages/e2e-tests/src/steps/navigationTopSteps.ts
index 58a847500..dc4302511 100644
--- a/packages/e2e-tests/src/steps/navigationTopSteps.ts
+++ b/packages/e2e-tests/src/steps/navigationTopSteps.ts
@@ -91,6 +91,10 @@ When(/^I click on the settings option$/, async () => {
   await MenuHeader.clickSettingsOption();
 });
 
+When(/^I click on the "Sign message" option$/, async () => {
+  await MenuHeader.clickSignMessageButton();
+});
+
 When(/^I click on the Lock Wallet option$/, async () => {
   await MenuHeader.clickLockWalletOption();
 });
diff --git a/packages/e2e-tests/wdio.conf.base.ts b/packages/e2e-tests/wdio.conf.base.ts
index e9f4f82af..377b16cc1 100755
--- a/packages/e2e-tests/wdio.conf.base.ts
+++ b/packages/e2e-tests/wdio.conf.base.ts
@@ -86,7 +86,7 @@ export const config: WebdriverIO.Config = {
       './src/features/SettingsPagePopup*.feature'
     ],
     batch14: ['./src/features/Transactions*.feature'],
-    batch15: ['./src/features/NFTsFolders*.feature'],
+    batch15: ['./src/features/NFTsFolders*.feature', './src/features/SignMessage.feature'],
     batch16: ['./src/features/SendTransactionBundlesExtended*.feature']
   },
   automationProtocol: 'webdriver',