test(suite-web): add a test for t3t1 multishare backup

packages/suite-web/e2e/support/pageObjects/multiShareBackupObject.ts

@@ -0,0 +1,16 @@
+/// <reference types="cypress" />
+
+class MultiShareBackupModal {
+    createMultiShareBackup(): void {
+        cy.getTestElement('@multi-share-backup/checkbox/1').click();
+        cy.getTestElement('@multi-share-backup/checkbox/2').click();
+        cy.getTestElement('@multi-share-backup/1st-info/submit-button').click();
+        cy.getTestElement('@multi-share-backup/2nd-info/submit-button').click();
+    }
+
+    finalizeMultiShareBackup(): void {
+        cy.getTestElement('@multi-share-backup/done/got-it-button').should('be.visible').click();
+    }
+}
+
+export const onMultiShareBackupModal = new MultiShareBackupModal();

packages/suite-web/e2e/support/pageObjects/settingsDeviceObject.ts

@@ -0,0 +1,12 @@
+/// <reference types="cypress" />
+
+class SettingsDevicePage {
+    openCreateMultiShareBackup(): void {
+        cy.getTestElement('@settings/device/create-multi-share-backup-button')
+            .should('be.visible')
+            .click();
+        cy.getTestElement('@multi-share-backup/1st-info/submit-button').should('be.visible');
+    }
+}
+
+export const onSettingsDevicePage = new SettingsDevicePage();

packages/suite-web/e2e/support/pageObjects/settingsMenuObject.ts

@@ -0,0 +1,9 @@
+/// <reference types="cypress" />
+
+class SettingsMenu {
+    openDeviceSettings(): void {
+        cy.getTestElement('@settings/menu/device').should('be.visible').click();
+    }
+}
+
+export const onSettingsMenu = new SettingsMenu();

packages/suite-web/e2e/tests/backup/t3t1-create-addtional-share.test.ts

@@ -0,0 +1,67 @@
+// @group_device-management
+// @retry=2
+
+import { onNavBar } from '../../support/pageObjects/topBarObject';
+import { onSettingsMenu } from '../../support/pageObjects/settingsMenuObject';
+import { onSettingsDevicePage } from '../../support/pageObjects/settingsDeviceObject';
+import { onMultiShareBackupModal } from '../../support/pageObjects/multiShareBackupObject';
+
+const mnemonic =
+    'academic again academic academic academic academic academic academic academic academic academic academic academic academic academic academic academic pecan provide remember';
+describe('Backup success', () => {
+    beforeEach(() => {
+        cy.task('startEmu', { wipe: true, model: 'T3T1', version: '2.8.1' });
+        cy.task('setupEmu', {
+            needs_backup: false,
+            mnemonic,
+        });
+        cy.task('startBridge');
+
+        cy.viewport('macbook-15').resetDb();
+        cy.prefixedVisit('/');
+    });
+
+    it('Successful backup happy path', () => {
+        // Arrange
+        cy.getTestElement('@analytics/continue-button', { timeout: 40000 })
+            .click()
+            .getTestElement('@onboarding/exit-app-button')
+            .click();
+        cy.passThroughAuthenticityCheck();
+        cy.getTestElement('@onboarding/viewOnly/enable').click();
+        cy.getTestElement('@viewOnlyTooltip/gotIt', { timeout: 15000 })
+            .should('be.visible')
+            .click();
+
+        // Act
+        // navigate to device settings page
+        onNavBar.openSettings();
+        onSettingsMenu.openDeviceSettings();
+        onSettingsDevicePage.openCreateMultiShareBackup();
+        onMultiShareBackupModal.createMultiShareBackup();
+
+        // [device screen] check your backup?
+        cy.task('swipeEmu', 'up');
+
+        // [device screen] select the number of words in your backup
+        cy.task('inputEmu', '20');
+
+        // [device screen] backup instructions
+        cy.task('swipeEmu', 'up');
+        for (const word of mnemonic.split(' ')) {
+            // [device screen] enter next word
+            cy.task('inputEmu', word);
+        }
+
+        // [device screen] create additional backup?
+        cy.wait(1000); // without this timeout, backup on device simply disappears, it stinks
+        cy.task('swipeEmu', 'up');
+
+        cy.task('readAndConfirmShamirMnemonicEmu', { shares: 3, threshold: 2 });
+
+        // Assert
+        onMultiShareBackupModal.finalizeMultiShareBackup();
+    });
+});
+
+export {};

packages/suite/src/components/suite/modals/ReduxModal/UserContextModal/MultiShareBackupModal/MultiShareBackupModal.tsx

@@ -91,7 +91,10 @@ export const MultiShareBackupModal = ({ onCancel }: MultiShareBackupModalProps)
                     ),
                     bottomBarComponents: (
                         <>
-                            <Button onClick={goToStepNextStep}>
+                            <Button
+                                onClick={goToStepNextStep}
+                                data-testid="@multi-share-backup/1st-info/submit-button"
+                            >
                                 <Translation id="TR_CREATE_MULTI_SHARE_BACKUP" />
                             </Button>
                             <LearnMoreButton
@@ -142,7 +145,10 @@ export const MultiShareBackupModal = ({ onCancel }: MultiShareBackupModalProps)
                     children: <MultiShareBackupStep2SecondInfo />,
                     bottomBarComponents: (
                         <>
-                            <Button onClick={enterBackup}>
+                            <Button
+                                onClick={enterBackup}
+                                data-testid="@multi-share-backup/2nd-info/submit-button"
+                            >
                                 <Translation id="TR_ENTER_EXISTING_BACKUP" />
                             </Button>
                             <LearnMoreButton url={TREZOR_SUPPORT_RECOVERY_ISSUES_URL} size="medium">
@@ -179,7 +185,10 @@ export const MultiShareBackupModal = ({ onCancel }: MultiShareBackupModalProps)
                     children: <MultiShareBackupStep5Done />,
                     bottomBarComponents: (
                         <>
-                            <Button onClick={handleCancel}>
+                            <Button
+                                onClick={handleCancel}
+                                data-testid="@multi-share-backup/done/got-it-button"
+                            >
                                 <Translation id="TR_GOT_IT_BUTTON" />
                             </Button>
                             <LearnMoreButton url={HELP_CENTER_KEEPING_SEED_SAFE_URL} size="medium">

packages/suite/src/components/suite/modals/ReduxModal/UserContextModal/MultiShareBackupModal/MultiShareBackupStep1FirstInfo.tsx

@@ -60,13 +60,15 @@ export const MultiShareBackupStep1FirstInfo = ({
                         isChecked={isChecked1}
                         onClick={toggleCheckbox1}
                         variant={checkboxVariant1}
+                        data-testid={`@multi-share-backup/checkbox/1`}
                     >
                         <Translation id="TR_MULTI_SHARE_BACKUP_CHECKBOX_1" />
                     </Checkbox>
                     <Checkbox
                         isChecked={isChecked2}
                         onClick={toggleCheckbox2}
                         variant={checkboxVariant2}
+                        data-testid={`@multi-share-backup/checkbox/2`}
                     >
                         <Translation id="TR_MULTI_SHARE_BACKUP_CHECKBOX_2" />
                     </Checkbox>