sign script updated

.github/workflows/cypress-e2e-tests.yml

@@ -9,11 +9,6 @@ jobs:
     steps:
       - name: Checkout
         uses: actions/checkout@v3
-      # - name: Run install
-      #   uses: borales/actions-yarn@v4
-      #   with:
-      #     cmd: install --ignore-optional # will run `yarn install` command
-      # - run: yarn start  
       - name: Cypress run
         uses: cypress-io/github-action@v6
         with:

cypress/e2e/Converters/Converters.cy.ts

@@ -30,9 +30,9 @@ describe('Converters', () => {
   it('should be display the required error message', () => {
     cy.get('input').then((selectors) => {
       selectors.each((index) => {
-        cy.get('button[type="submit"]').eq(index).click();
+        cy.get('button[type="submit"]').eq(index-1).click();
         cy.get('[data-cy="error"]')
-          .eq(index)
+          .eq(index-1)
           .should(AssertionEnum.contain, 'required');
       });
     });

cypress/e2e/NativeAuth/NativeAuth.cy.ts

@@ -12,4 +12,8 @@ describe('Native Auth', () => {
     cy.login(walletIDEnum.unguardedWallet1);
     cy.contains('Token Valid');
   });
+  afterEach(()=>{
+    cy.getSelector('navigation-page-unlock').click();
+    cy.contains('Login')
+  })
 });

cypress/e2e/SignMessage/SignMessage.cy.ts

@@ -7,9 +7,9 @@ describe('Sign Message', () => {
     cy.visit('/');
     cy.get('a[href="/sign-message"]').click();
   });
-  it.only('should validate the signature', () => {
+  it('should validate the signature', () => {
     signHandler();
-    cy.get('.styles_code__HFHh6')
+    cy.getSelector('signaturePayload')
       .then((txt) => {
         payload = txt.text();
       })
@@ -23,6 +23,7 @@ describe('Sign Message', () => {
 
   it('should return Invalid signature payload', () => {
     cy.get('textarea[name="signedMessage"]').type('Invalid#');
+    cy.contains('button', 'Verify').click();
     cy.contains('Invalid signature payload');
   });
 

cypress/e2e/SignMessage/helpers.ts

@@ -9,6 +9,7 @@ export const signHandler = () => {
   cy.get('button[type="submit"]').eq(0).click();
   cy.get('button[type="submit"]').eq(0).click();
   cy.getSelector('keystoreBtn').click();
+
   cy.get('input[type=file]').selectFile('./cypress/assets/testKeystore.json', {
     force: true
   });

src/pages/Converters/components/Converter/Converter.tsx

@@ -1,12 +1,12 @@
 import { useCallback, useState } from 'react';
-import { ErrorMessage, Field, Form, Formik } from 'formik';
 import { CopyButton } from '@multiversx/sdk-dapp/UI/CopyButton';
-import { object, string } from 'yup';
 import classNames from 'classnames';
+import { ErrorMessage, Field, Form, Formik } from 'formik';
+import { object, string } from 'yup';
 
+import styles from './styles.module.scss';
 import type { ConverterType, SubmitType } from './types';
 
-import styles from './styles.module.scss';
 
 /*
  * Handle the component declaration.
@@ -76,6 +76,7 @@ export const Converter = (props: ConverterType) => {
 
             <ErrorMessage
               data-testid={`${identifier}-error`}
+              data-cy='error'
               name='converter'
               className={styles.error}
               component='div'

src/pages/SignMessage/components/SignMessageSection/components/SignMessageForm.tsx

@@ -1,12 +1,12 @@
 import { ChangeEvent, useEffect } from 'react';
-import { ErrorMessage, Field, Form, useFormikContext } from 'formik';
 import { CopyButton } from '@multiversx/sdk-dapp/UI/CopyButton';
 import classNames from 'classnames';
+import { ErrorMessage, Field, Form, useFormikContext } from 'formik';
 import { useSearchParams } from 'react-router-dom';
-import { useSignMessageForm } from '../hooks/useSignMessageForm';
-import { SignMessageFormValues } from '../types';
 import { useSignMessageSectionContext } from 'pages/SignMessage/context';
 import styles from 'pages/SignMessage/styles.module.scss';
+import { useSignMessageForm } from '../hooks/useSignMessageForm';
+import { SignMessageFormValues } from '../types';
 
 export const SignMessageForm = () => {
   const { setFieldValue } = useFormikContext<SignMessageFormValues>();
@@ -44,7 +44,7 @@ export const SignMessageForm = () => {
           <strong>Signature payload:</strong>
 
           <div className={styles.code}>
-            <pre className={styles.value}>{signedMessagePayload}</pre>
+            <pre data-testid='signaturePayload' className={styles.value}>{signedMessagePayload}</pre>
             <CopyButton text={signedMessagePayload} className={styles.copy} />
           </div>
         </div>

src/pages/SignMessage/components/VerifySignatureForm.tsx

@@ -1,10 +1,10 @@
 import { ChangeEvent, useState } from 'react';
+import { verifyMessage } from '@multiversx/sdk-dapp/hooks/signMessage/verifyMessage';
+import { addressIsValid } from '@multiversx/sdk-dapp/utils/account/addressIsValid';
+import classNames from 'classnames';
 import { ErrorMessage, Field, Form, Formik } from 'formik';
 import { number, object, string } from 'yup';
-import classNames from 'classnames';
 import styles from 'pages/SignMessage/styles.module.scss';
-import { addressIsValid } from '@multiversx/sdk-dapp/utils/account/addressIsValid';
-import { verifyMessage } from '@multiversx/sdk-dapp/hooks/signMessage/verifyMessage';
 
 export const VerifySignatureForm = () => {
   const [verifiedMessage, setVerifiedMessage] = useState<string>();
@@ -73,6 +73,7 @@ export const VerifySignatureForm = () => {
               <label className={styles.label}>Verify signature</label>
 
               <Field
+                data-testid='verifySignature'
                 component='textarea'
                 rows={10}
                 name='signedMessage'