diff --git a/src/renderer/components/ModalQuizz/ModalQuizz.tsx b/src/renderer/components/ModalQuizz/ModalQuizz.tsx index 93422cdc0e..612c9c34a7 100644 --- a/src/renderer/components/ModalQuizz/ModalQuizz.tsx +++ b/src/renderer/components/ModalQuizz/ModalQuizz.tsx @@ -166,6 +166,7 @@ const ModalQuizz: React.FunctionComponent = ({ > {choices.map(({ label, correct }: QuizzChoice, index: number) => ( = ({ setStarted(true)} /> ) : ( + } stepTitle={stepTitle} @@ -59,6 +60,9 @@ export default function ModalStepperBody({ backDisabled={backDisabled} onClickContinue={onClickContinue} onClickBack={onClickBack} + dataTestId={ + stepIndex !== stepCount - 1 ? "v3-modal-stepper-continue" : "v3-modal-stepper-end" + } /> diff --git a/src/renderer/components/ModalStepper/StepLeftSide.tsx b/src/renderer/components/ModalStepper/StepLeftSide.tsx index a40376482a..5a50d4c4b5 100644 --- a/src/renderer/components/ModalStepper/StepLeftSide.tsx +++ b/src/renderer/components/ModalStepper/StepLeftSide.tsx @@ -22,6 +22,7 @@ export type StepLeftSideProps = { continueDisabled?: boolean; hideBackButton?: boolean; backDisabled?: boolean; + dataTestId: string; onClickContinue?: (...args: any) => any; onClickBack?: (...args: any) => any; }; @@ -37,6 +38,7 @@ const StepLeftSide = ({ continueDisabled = false, backDisabled = false, hideBackButton = false, + dataTestId, onClickContinue, onClickBack, }: StepLeftSideProps) => { @@ -59,6 +61,7 @@ const StepLeftSide = ({ {!hideContinueButton && ( diff --git a/tests/models/v3/OnboardingPage.ts b/tests/models/v3/OnboardingPage.ts new file mode 100644 index 0000000000..fb2b36adc5 --- /dev/null +++ b/tests/models/v3/OnboardingPage.ts @@ -0,0 +1,218 @@ +import { Page, Locator, expect } from "@playwright/test"; +import { DeviceAction } from "../DeviceAction"; + +export class OnboardingPage { + readonly page: Page; + readonly deviceAction: DeviceAction; + readonly getStartedButton: Locator; + readonly termsAndConditionsPopin: Locator; + readonly termsOfUseCheckbox: Locator; + readonly privacyPolicyCheckbox: Locator; + readonly termsAndConditionsButton: Locator; + readonly selectDeviceContainer: Function; + readonly selectDeviceButton: Function; + readonly newDeviceButton: Locator; + readonly connectDeviceButton: Locator; + readonly restoreDeviceButton: Locator; + readonly pedagogyModal: Locator; + readonly stepperContinueButton: Locator; + readonly stepperEndButton: Locator; + readonly checkMyNanoButton: Locator; + readonly gotItButton: Locator; + readonly continueButton: Locator; + readonly leftArrowBasicsButton: Locator; + readonly rightArrowBasicsButton: Locator; + readonly tutorialContinueButton: Locator; + readonly setupWalletButton: Locator; + readonly getStartedCtaButton: Locator; + readonly beCarefulButton: Locator; + readonly startSetupButton: Locator; + readonly pinCodeCheckbox: Locator; + readonly recoveryPhraseCheckbox: Locator; + readonly recoveryPhraseLossCheckbox: Locator; + readonly recoverySetupButton: Locator; + readonly writeRecoveryPhraseButton: Locator; + readonly confirmRecoveryPhraseButton: Locator; + readonly hideRecoveryPhraseButton: Locator; + readonly quizContainer: Locator; + readonly quizStartButton: Locator; + readonly quizAnswerTopButton: Locator; + readonly quizAnswerBottomButton: Locator; + + constructor(page: Page) { + this.page = page; + this.deviceAction = new DeviceAction(page); + this.getStartedButton = page.locator("data-test-id=v3-onboarding-get-started-button"); + this.termsAndConditionsPopin = page.locator( + "data-test-id=v3-onboarding-terms-and-conditions-popin", + ); + this.termsOfUseCheckbox = page.locator("data-test-id=v3-onboarding-terms-checkbox"); + this.privacyPolicyCheckbox = page.locator("data-test-id=v3-onboarding-privacy-checkbox"); + this.termsAndConditionsButton = page.locator( + "data-test-id=v3-onboarding-terms-and-conditions-button", + ); + this.selectDeviceContainer = (deviceId: string): Locator => { + return page.locator(`data-test-id=v3-container-device-${deviceId}`); + }; + this.selectDeviceButton = (deviceId: string): Locator => + page.locator(`data-test-id=v3-device-${deviceId}`); + this.checkMyNanoButton = page.locator('button:has-text("Check my Nano")'); + this.gotItButton = page.locator('button:has-text("Got it")'); + this.continueButton = page.locator('button:has-text("Continue")'); + this.newDeviceButton = page.locator("data-test-id=v3-onboarding-new-device"); + this.connectDeviceButton = page.locator("data-test-id=v3-onboarding-initialized-device"); + this.restoreDeviceButton = page.locator("data-test-id=v3-onboarding-restore-device"); + this.pedagogyModal = page.locator("data-test-id=v3-onboarding-pedagogy-modal"); + this.stepperContinueButton = page.locator("data-test-id=v3-modal-stepper-continue"); + this.stepperEndButton = page.locator("data-test-id=v3-modal-stepper-end"); + this.leftArrowBasicsButton = page.locator("data-test-id=v3-pedagogy-left"); + this.rightArrowBasicsButton = page.locator("data-test-id=v3-pedagogy-right"); + this.tutorialContinueButton = page.locator("data-test-id=v3-tutorial-continue"); + this.setupWalletButton = page.locator("data-test-id=v3-setup-nano-wallet-cta"); + this.getStartedCtaButton = page.locator("data-test-id=v3-get-started-cta"); + this.beCarefulButton = page.locator("data-test-id=v3-be-careful-cta"); + this.startSetupButton = page.locator("data-test-id=v3-device-howto-cta"); + this.pinCodeCheckbox = page.locator("data-test-id=v3-private-pin-code-checkbox"); + this.recoveryPhraseCheckbox = page.locator("data-test-id=v3-recovery-phrase-checkbox"); + this.recoveryPhraseLossCheckbox = page.locator("data-test-id=v3-recovery-phrase-loss-checkbox"); + this.recoverySetupButton = page.locator("data-test-id=v3-device-recoveryphrase-cta"); + this.writeRecoveryPhraseButton = page.locator("data-test-id=v3-use-recovery-sheet"); + this.confirmRecoveryPhraseButton = page.locator("data-test-id=v3-recovery-howto-3"); + this.hideRecoveryPhraseButton = page.locator("data-test-id=v3-hide-recovery-cta"); + this.quizContainer = page.locator("data-test-id=v3-quiz-container"); + this.quizStartButton = page.locator("data-test-id=v3-quiz-start-button"); + this.quizAnswerTopButton = page.locator("data-test-id=v3-quiz-answer-0"); + this.quizAnswerBottomButton = page.locator("data-test-id=v3-quiz-answer-1"); + } + + async getStarted() { + await this.getStartedButton.waitFor({ state: "visible" }); + expect(await this.page.screenshot()).toMatchSnapshot("v3-get-started.png"); + await this.getStartedButton.click(); + } + + async acceptTermsAndConditions() { + expect(await this.page.screenshot()).toMatchSnapshot("v3-terms-1.png"); + await this.page.check('input[name="termsOfUseCheckbox"]'); + await this.page.check('input[name="privacyPolicyCheckbox"]'); + expect(await this.page.screenshot()).toMatchSnapshot("v3-terms-2.png"); + await this.termsAndConditionsButton.click(); + } + + async selectDevice(device: "nanoS" | "nanoX" | "nanoSPlus") { + expect(await this.page.screenshot()).toMatchSnapshot("v3-device-selection.png"); + await this.page.hover(`[data-test-id=v3-container-device-${device}]`); + await this.selectDeviceButton(device).click(); + } + + async beCareful() { + expect(await this.page.screenshot()).toMatchSnapshot("v3-be-careful.png"); + await this.gotIt(); + } + + async warnings() { + await this.beCareful(); + expect(await this.page.screenshot()).toMatchSnapshot("v3-recovery-warning.png"); + await this.continue(); + } + + async connectDevice() { + await this.connectDeviceButton.click(); + } + + async newDevice() { + await this.newDeviceButton.click(); + } + + async restoreDevice() { + await this.restoreDeviceButton.click(); + } + + async pedagogyContinue() { + await this.stepperContinueButton.click(); + } + + async pedagogyEnd() { + await this.stepperEndButton.click(); + } + + async startTutorial(group: string) { + expect(await this.page.screenshot()).toMatchSnapshot([group, "get-started-1.png"]); + await this.continueTutorial(); + + expect(await this.page.screenshot()).toMatchSnapshot([group, "get-started-2.png"]); + await this.continueTutorial(); + } + + async setPinCode(group: string) { + expect(await this.page.screenshot()).toMatchSnapshot([group, "pin-code-1.png"]); + await this.acceptPrivatePinCode(); + + expect(await this.page.screenshot()).toMatchSnapshot([group, "pin-code-2.png"]); + await this.continueTutorial(); + + expect(await this.page.screenshot()).toMatchSnapshot([group, "pin-code-3.png"]); + await this.continueTutorial(); + } + + async continueTutorial() { + await this.tutorialContinueButton.click(); + } + + async acceptPrivatePinCode() { + await this.pinCodeCheckbox.click(); + } + + async acceptRecoveryPhrase() { + await this.recoveryPhraseCheckbox.click(); + } + + async acceptRecoveryPhraseLoss() { + await this.recoveryPhraseLossCheckbox.click(); + } + + async startQuiz() { + await this.quizStartButton.click(); + } + + async answerQuizTop() { + await this.quizAnswerTopButton.click(); + } + + async answerQuizBottom() { + await this.quizAnswerBottomButton.click(); + } + + async quizNextQuestion() { + await this.stepperContinueButton.click(); + } + + async quizEnd() { + await this.stepperEndButton.click(); + } + + async checkDevice() { + expect(await this.page.screenshot()).toMatchSnapshot("v3-genuine-check.png"); + await this.checkMyNanoButton.click(); + expect(await this.page.screenshot()).toMatchSnapshot("v3-before-genuine-check.png"); + } + + async genuineCheck() { + expect(await this.page.screenshot()).toMatchSnapshot("v3-genuine-checking.png"); + await this.deviceAction.genuineCheck(); + expect(await this.page.screenshot()).toMatchSnapshot("v3-genuine-check-done.png"); + } + + async continue() { + await this.continueButton.click(); + } + + async gotIt() { + await this.gotItButton.click(); + } + + async reachApp() { + await this.continue(); + expect(await this.page.screenshot()).toMatchSnapshot("v3-onboarding-complete.png"); + } +} diff --git a/tests/specs/recorder.spec.ts b/tests/specs/recorder.spec.ts index 47000c57b6..8df74f5057 100644 --- a/tests/specs/recorder.spec.ts +++ b/tests/specs/recorder.spec.ts @@ -10,7 +10,7 @@ import test from "../fixtures/common"; process.env.PWDEBUG = "1"; // Use specific userdata -test.use({ userdata: "skip-onboarding" }); +// test.use({ userdata: "skip-onboarding" }); // app env test.use({ env: { DEV_TOOLS: true, HIDE_DEBUG_MOCK: undefined, DEBUG_UPDATE: true } }); diff --git a/tests/specs/v3/onboarding/connect-device.spec.ts b/tests/specs/v3/onboarding/connect-device.spec.ts new file mode 100644 index 0000000000..58788dc746 --- /dev/null +++ b/tests/specs/v3/onboarding/connect-device.spec.ts @@ -0,0 +1,59 @@ +import test from "../../../fixtures/common"; +import { expect } from "@playwright/test"; +import { OnboardingPage } from "../../../models/v3/OnboardingPage"; + +enum Nano { + nanoX = "nanoX", + nanoS = "nanoS", + nanoSP = "nanoSPlus", +} + +const nanos = [Nano.nanoX, Nano.nanoS, Nano.nanoSP]; + +test.describe.parallel("Onboarding", () => { + for (const nano of nanos) { + test(`[${nano}] Onboarding flow already set up`, async ({ page }) => { + const onboardingPage = new OnboardingPage(page); + + await test.step("Get started", async () => { + await onboardingPage.getStarted(); + }); + + await test.step("Terms of service", async () => { + await onboardingPage.acceptTermsAndConditions(); + }); + + await test.step(`[${nano}] Select Device`, async () => { + if (nano !== Nano.nanoSP) { + await onboardingPage.selectDevice(nano); + } + }); + + await test.step(`[${nano}] Already set up`, async () => { + if (nano !== Nano.nanoSP) { + expect(await page.screenshot()).toMatchSnapshot(`v3-device-connection-${nano}.png`); + await onboardingPage.connectDevice(); + await onboardingPage.warnings(); + } + }); + + await test.step(`[${nano}] Device genuine check`, async () => { + if (nano !== Nano.nanoSP) { + await onboardingPage.checkDevice(); + } + }); + + await test.step("Pass genuine check", async () => { + if (nano !== Nano.nanoSP) { + await onboardingPage.genuineCheck(); + } + }); + + await test.step("Reach app", async () => { + if (nano !== Nano.nanoSP) { + await onboardingPage.reachApp(); + } + }); + }); + } +}); diff --git a/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-be-careful-linux.png b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-be-careful-linux.png new file mode 100644 index 0000000000..c3e46008da Binary files /dev/null and b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-be-careful-linux.png differ diff --git a/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-before-genuine-check-linux.png b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-before-genuine-check-linux.png new file mode 100644 index 0000000000..50a3c6f02e Binary files /dev/null and b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-before-genuine-check-linux.png differ diff --git a/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-device-connection-nanoS-linux.png b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-device-connection-nanoS-linux.png new file mode 100644 index 0000000000..821b4f6331 Binary files /dev/null and b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-device-connection-nanoS-linux.png differ diff --git a/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-device-connection-nanoX-linux.png b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-device-connection-nanoX-linux.png new file mode 100644 index 0000000000..821b4f6331 Binary files /dev/null and b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-device-connection-nanoX-linux.png differ diff --git a/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-device-selection-linux.png b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-device-selection-linux.png new file mode 100644 index 0000000000..96ee51d103 Binary files /dev/null and b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-device-selection-linux.png differ diff --git a/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-genuine-check-done-linux.png b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-genuine-check-done-linux.png new file mode 100644 index 0000000000..827dc64a33 Binary files /dev/null and b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-genuine-check-done-linux.png differ diff --git a/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-genuine-check-linux.png b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-genuine-check-linux.png new file mode 100644 index 0000000000..c1a2aed1c8 Binary files /dev/null and b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-genuine-check-linux.png differ diff --git a/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-genuine-checking-linux.png b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-genuine-checking-linux.png new file mode 100644 index 0000000000..50a3c6f02e Binary files /dev/null and b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-genuine-checking-linux.png differ diff --git a/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-get-started-linux.png b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-get-started-linux.png new file mode 100644 index 0000000000..f8fc616375 Binary files /dev/null and b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-get-started-linux.png differ diff --git a/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-onboarding-complete-linux.png b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-onboarding-complete-linux.png new file mode 100644 index 0000000000..bd4170d053 Binary files /dev/null and b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-onboarding-complete-linux.png differ diff --git a/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-recovery-warning-linux.png b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-recovery-warning-linux.png new file mode 100644 index 0000000000..c181c7f161 Binary files /dev/null and b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-recovery-warning-linux.png differ diff --git a/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-terms-1-linux.png b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-terms-1-linux.png new file mode 100644 index 0000000000..3c17d4cbc5 Binary files /dev/null and b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-terms-1-linux.png differ diff --git a/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-terms-2-linux.png b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-terms-2-linux.png new file mode 100644 index 0000000000..f1d3e5cb5c Binary files /dev/null and b/tests/specs/v3/onboarding/connect-device.spec.ts-snapshots/v3-terms-2-linux.png differ diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts b/tests/specs/v3/onboarding/restore-device.spec.ts new file mode 100644 index 0000000000..09c5e487ec --- /dev/null +++ b/tests/specs/v3/onboarding/restore-device.spec.ts @@ -0,0 +1,88 @@ +import test from "../../../fixtures/common"; +import { expect } from "@playwright/test"; +import { OnboardingPage } from "../../../models/v3/OnboardingPage"; + +enum Nano { + nanoX = "nanoX", + nanoS = "nanoS", + nanoSP = "nanoSPlus", +} + +const nanos = [Nano.nanoX, Nano.nanoS, Nano.nanoSP]; + +test.describe.parallel("Onboarding", () => { + for (const nano of nanos) { + test(`[${nano}] Onboarding flow already set up`, async ({ page }) => { + const onboardingPage = new OnboardingPage(page); + + await test.step("Get started", async () => { + await onboardingPage.getStarted(); + }); + + await test.step("Terms of service", async () => { + await onboardingPage.acceptTermsAndConditions(); + }); + + await test.step(`[${nano}] Select Device`, async () => { + if (nano !== Nano.nanoSP) { + await onboardingPage.selectDevice(nano); + } + }); + + await test.step(`[${nano}] Restore device`, async () => { + if (nano !== Nano.nanoSP) { + expect(await page.screenshot()).toMatchSnapshot("v3-restore-device.png"); + await onboardingPage.restoreDevice(); + + await onboardingPage.warnings(); + + await onboardingPage.startTutorial("v3-restore-tutorial"); + + await onboardingPage.setPinCode("v3-restore-tutorial"); + + expect(await page.screenshot()).toMatchSnapshot([ + "v3-restore-tutorial", + "recovery-phrase-1.png", + ]); + await onboardingPage.acceptRecoveryPhraseLoss(); + + expect(await page.screenshot()).toMatchSnapshot([ + "v3-restore-tutorial", + "recovery-phrase-2.png", + ]); + await onboardingPage.continueTutorial(); + + expect(await page.screenshot()).toMatchSnapshot([ + "v3-restore-tutorial", + "recovery-phrase-3.png", + ]); + await onboardingPage.continueTutorial(); + + expect(await page.screenshot()).toMatchSnapshot([ + "v3-restore-tutorial", + "recovery-phrase-4.png", + ]); + await onboardingPage.continueTutorial(); + } + }); + + await test.step(`[${nano}] Device genuine check`, async () => { + if (nano !== Nano.nanoSP) { + await onboardingPage.checkDevice(); + } + }); + + await test.step("Pass genuine check", async () => { + if (nano !== Nano.nanoSP) { + await onboardingPage.genuineCheck(); + } + }); + + await test.step("Reach app", async () => { + if (nano !== Nano.nanoSP) { + await onboardingPage.reachApp(); + } + }); + }); + } +}); diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-be-careful-linux.png b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-be-careful-linux.png new file mode 100644 index 0000000000..441f61276c Binary files /dev/null and b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-be-careful-linux.png differ diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-before-genuine-check-linux.png b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-before-genuine-check-linux.png new file mode 100644 index 0000000000..15c39f45e0 Binary files /dev/null and b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-before-genuine-check-linux.png differ diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-device-selection-linux.png b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-device-selection-linux.png new file mode 100644 index 0000000000..96ee51d103 Binary files /dev/null and b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-device-selection-linux.png differ diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-genuine-check-done-linux.png b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-genuine-check-done-linux.png new file mode 100644 index 0000000000..0f99e3e023 Binary files /dev/null and b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-genuine-check-done-linux.png differ diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-genuine-check-linux.png b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-genuine-check-linux.png new file mode 100644 index 0000000000..bc37858e02 Binary files /dev/null and b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-genuine-check-linux.png differ diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-genuine-checking-linux.png b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-genuine-checking-linux.png new file mode 100644 index 0000000000..15c39f45e0 Binary files /dev/null and b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-genuine-checking-linux.png differ diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-get-started-linux.png b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-get-started-linux.png new file mode 100644 index 0000000000..f8fc616375 Binary files /dev/null and b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-get-started-linux.png differ diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-onboarding-complete-linux.png b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-onboarding-complete-linux.png new file mode 100644 index 0000000000..bd4170d053 Binary files /dev/null and b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-onboarding-complete-linux.png differ diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-recovery-warning-linux.png b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-recovery-warning-linux.png new file mode 100644 index 0000000000..004cff5b93 Binary files /dev/null and b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-recovery-warning-linux.png differ diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-device-linux.png b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-device-linux.png new file mode 100644 index 0000000000..821b4f6331 Binary files /dev/null and b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-device-linux.png differ diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/get-started-1-linux.png b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/get-started-1-linux.png new file mode 100644 index 0000000000..517f0a4711 Binary files /dev/null and b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/get-started-1-linux.png differ diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/get-started-2-linux.png b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/get-started-2-linux.png new file mode 100644 index 0000000000..596f748d17 Binary files /dev/null and b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/get-started-2-linux.png differ diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/pin-code-1-linux.png b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/pin-code-1-linux.png new file mode 100644 index 0000000000..8da5f4927c Binary files /dev/null and b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/pin-code-1-linux.png differ diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/pin-code-2-linux.png b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/pin-code-2-linux.png new file mode 100644 index 0000000000..0b1c5f5712 Binary files /dev/null and b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/pin-code-2-linux.png differ diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/pin-code-3-linux.png b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/pin-code-3-linux.png new file mode 100644 index 0000000000..d447aa7804 Binary files /dev/null and b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/pin-code-3-linux.png differ diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/recovery-phrase-1-linux.png b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/recovery-phrase-1-linux.png new file mode 100644 index 0000000000..288cc157c6 Binary files /dev/null and b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/recovery-phrase-1-linux.png differ diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/recovery-phrase-2-linux.png b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/recovery-phrase-2-linux.png new file mode 100644 index 0000000000..f1114de4b4 Binary files /dev/null and b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/recovery-phrase-2-linux.png differ diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/recovery-phrase-3-linux.png b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/recovery-phrase-3-linux.png new file mode 100644 index 0000000000..7980bf554b Binary files /dev/null and b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/recovery-phrase-3-linux.png differ diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/recovery-phrase-4-linux.png b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/recovery-phrase-4-linux.png new file mode 100644 index 0000000000..a492dd8f1e Binary files /dev/null and b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-restore-tutorial/recovery-phrase-4-linux.png differ diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-terms-1-linux.png b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-terms-1-linux.png new file mode 100644 index 0000000000..3c17d4cbc5 Binary files /dev/null and b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-terms-1-linux.png differ diff --git a/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-terms-2-linux.png b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-terms-2-linux.png new file mode 100644 index 0000000000..f1d3e5cb5c Binary files /dev/null and b/tests/specs/v3/onboarding/restore-device.spec.ts-snapshots/v3-terms-2-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts b/tests/specs/v3/onboarding/setup-device.spec.ts new file mode 100644 index 0000000000..07726078dd --- /dev/null +++ b/tests/specs/v3/onboarding/setup-device.spec.ts @@ -0,0 +1,180 @@ +import test from "../../../fixtures/common"; +import { expect } from "@playwright/test"; +import { OnboardingPage } from "../../../models/v3/OnboardingPage"; + +enum Nano { + nanoX = "nanoX", + nanoS = "nanoS", + nanoSP = "nanoSPlus", +} + +const nanos = [Nano.nanoX, Nano.nanoS, Nano.nanoSP]; + +test.describe.parallel("Onboarding", () => { + for (const nano of nanos) { + test(`[${nano}] Onboarding flow new device`, async ({ page }) => { + const onboardingPage = new OnboardingPage(page); + + await test.step("Get started", async () => { + await onboardingPage.getStarted(); + }); + + await test.step("Terms of service", async () => { + await onboardingPage.acceptTermsAndConditions(); + }); + + await test.step(`[${nano}] Select Device`, async () => { + if (nano !== Nano.nanoSP) { + await onboardingPage.selectDevice(nano); + } + }); + + await test.step(`[${nano}]" Set up new"`, async () => { + if (nano !== Nano.nanoSP) { + expect(await page.screenshot()).toMatchSnapshot(`v3-device-setup-${nano}.png`); + await onboardingPage.newDevice(); + await onboardingPage.beCareful(); + } + }); + + await test.step("Pedagogy", async () => { + if (nano !== Nano.nanoSP) { + await onboardingPage.pedagogyModal.waitFor({ state: "visible" }); + await onboardingPage.page.waitForSelector("data-test-id=v3-onboarding-pedagogy-modal"); + expect(await onboardingPage.pedagogyModal.screenshot()).toMatchSnapshot([ + "v3-pedagogy", + "access-your-crypto.png", + ]); + await onboardingPage.pedagogyContinue(); + + expect(await onboardingPage.pedagogyModal.screenshot()).toMatchSnapshot([ + "v3-pedagogy", + "own-your-private-key.png", + ]); + await onboardingPage.pedagogyContinue(); + + expect(await onboardingPage.pedagogyModal.screenshot()).toMatchSnapshot([ + "v3-pedagogy", + "stay-offline.png", + ]); + await onboardingPage.pedagogyContinue(); + + expect(await onboardingPage.pedagogyModal.screenshot()).toMatchSnapshot([ + "v3-pedagogy", + "validate-transactions.png", + ]); + await onboardingPage.pedagogyContinue(); + + expect(await onboardingPage.pedagogyModal.screenshot()).toMatchSnapshot([ + "v3-pedagogy", + "lets-set-up-your-nano.png", + ]); + await onboardingPage.pedagogyEnd(); + } + }); + + await test.step("Set up new device", async () => { + if (nano !== Nano.nanoSP) { + await onboardingPage.startTutorial("v3-setup-new-device"); + + await onboardingPage.setPinCode("v3-setup-new-device"); + + expect(await page.screenshot()).toMatchSnapshot([ + "v3-setup-new-device", + "recovery-phrase-1.png", + ]); + await onboardingPage.acceptRecoveryPhrase(); + + expect(await page.screenshot()).toMatchSnapshot([ + "v3-setup-new-device", + "recovery-phrase-2.png", + ]); + await onboardingPage.continueTutorial(); + + expect(await page.screenshot()).toMatchSnapshot([ + "v3-setup-new-device", + "recovery-phrase-3.png", + ]); + await onboardingPage.continueTutorial(); + + expect(await page.screenshot()).toMatchSnapshot([ + "v3-setup-new-device", + "recovery-phrase-4.png", + ]); + await onboardingPage.continueTutorial(); + + expect(await page.screenshot()).toMatchSnapshot([ + "v3-setup-new-device", + "recovery-phrase-5.png", + ]); + await onboardingPage.continueTutorial(); + } + }); + + await test.step("Pass quiz", async () => { + if (nano !== Nano.nanoSP) { + expect(await page.screenshot()).toMatchSnapshot(["v3-quiz", "start.png"]); + + await onboardingPage.startQuiz(); + expect(await onboardingPage.quizContainer.screenshot()).toMatchSnapshot([ + "v3-quiz", + "question-1.png", + ]); + + await onboardingPage.answerQuizBottom(); + expect(await onboardingPage.quizContainer.screenshot()).toMatchSnapshot([ + "v3-quiz", + "answer-1.png", + ]); + + await onboardingPage.quizNextQuestion(); + expect(await onboardingPage.quizContainer.screenshot()).toMatchSnapshot([ + "v3-quiz", + "question-2.png", + ]); + + await onboardingPage.answerQuizBottom(); + expect(await onboardingPage.quizContainer.screenshot()).toMatchSnapshot([ + "v3-quiz", + "answer-2.png", + ]); + + await onboardingPage.quizNextQuestion(); + expect(await onboardingPage.quizContainer.screenshot()).toMatchSnapshot([ + "v3-quiz", + "question-3.png", + ]); + + await onboardingPage.answerQuizTop(); + expect(await onboardingPage.quizContainer.screenshot()).toMatchSnapshot([ + "v3-quiz", + "answer-3.png", + ]); + + await onboardingPage.quizEnd(); + expect(await page.screenshot()).toMatchSnapshot(["v3-quiz", "end.png"]); + + await onboardingPage.continueTutorial(); + } + }); + + await test.step(`[${nano}]"Device genuine check"`, async () => { + if (nano !== Nano.nanoSP) { + await onboardingPage.checkDevice(); + } + }); + + await test.step("Pass genuine check", async () => { + if (nano !== Nano.nanoSP) { + await onboardingPage.genuineCheck(); + } + }); + + await test.step("Reach app", async () => { + if (nano !== Nano.nanoSP) { + await onboardingPage.reachApp(); + } + }); + }); + } +}); diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-be-careful-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-be-careful-linux.png new file mode 100644 index 0000000000..040f16ae24 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-be-careful-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-before-genuine-check-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-before-genuine-check-linux.png new file mode 100644 index 0000000000..50a3c6f02e Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-before-genuine-check-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-device-selection-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-device-selection-linux.png new file mode 100644 index 0000000000..96ee51d103 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-device-selection-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-device-setup-nanoS-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-device-setup-nanoS-linux.png new file mode 100644 index 0000000000..821b4f6331 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-device-setup-nanoS-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-device-setup-nanoX-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-device-setup-nanoX-linux.png new file mode 100644 index 0000000000..821b4f6331 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-device-setup-nanoX-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-genuine-check-done-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-genuine-check-done-linux.png new file mode 100644 index 0000000000..aeeb54da13 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-genuine-check-done-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-genuine-check-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-genuine-check-linux.png new file mode 100644 index 0000000000..90116cc687 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-genuine-check-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-genuine-checking-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-genuine-checking-linux.png new file mode 100644 index 0000000000..50a3c6f02e Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-genuine-checking-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-get-started-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-get-started-linux.png new file mode 100644 index 0000000000..f8fc616375 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-get-started-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-onboarding-complete-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-onboarding-complete-linux.png new file mode 100644 index 0000000000..bd4170d053 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-onboarding-complete-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-pedagogy/access-your-crypto-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-pedagogy/access-your-crypto-linux.png new file mode 100644 index 0000000000..da3ec7fdda Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-pedagogy/access-your-crypto-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-pedagogy/lets-set-up-your-nano-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-pedagogy/lets-set-up-your-nano-linux.png new file mode 100644 index 0000000000..3cad0bd1b9 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-pedagogy/lets-set-up-your-nano-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-pedagogy/own-your-private-key-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-pedagogy/own-your-private-key-linux.png new file mode 100644 index 0000000000..581f052385 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-pedagogy/own-your-private-key-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-pedagogy/stay-offline-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-pedagogy/stay-offline-linux.png new file mode 100644 index 0000000000..9abb3be80c Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-pedagogy/stay-offline-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-pedagogy/validate-transactions-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-pedagogy/validate-transactions-linux.png new file mode 100644 index 0000000000..35c3e51b7f Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-pedagogy/validate-transactions-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/answer-1-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/answer-1-linux.png new file mode 100644 index 0000000000..1165afc9be Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/answer-1-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/answer-2-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/answer-2-linux.png new file mode 100644 index 0000000000..57f9b4c149 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/answer-2-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/answer-3-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/answer-3-linux.png new file mode 100644 index 0000000000..e7fe3832ee Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/answer-3-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/end-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/end-linux.png new file mode 100644 index 0000000000..5dc3482ca9 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/end-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/question-1-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/question-1-linux.png new file mode 100644 index 0000000000..975cc0d4ef Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/question-1-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/question-2-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/question-2-linux.png new file mode 100644 index 0000000000..2a4f5d5ea0 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/question-2-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/question-3-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/question-3-linux.png new file mode 100644 index 0000000000..8e98f4ca82 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/question-3-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/start-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/start-linux.png new file mode 100644 index 0000000000..fe81a9d04d Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-quiz/start-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/get-started-1-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/get-started-1-linux.png new file mode 100644 index 0000000000..ef64e15ea0 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/get-started-1-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/get-started-2-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/get-started-2-linux.png new file mode 100644 index 0000000000..0c6c834212 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/get-started-2-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/pin-code-1-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/pin-code-1-linux.png new file mode 100644 index 0000000000..64576a2531 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/pin-code-1-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/pin-code-2-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/pin-code-2-linux.png new file mode 100644 index 0000000000..cee3606474 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/pin-code-2-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/pin-code-3-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/pin-code-3-linux.png new file mode 100644 index 0000000000..60f290aac8 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/pin-code-3-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/recovery-phrase-1-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/recovery-phrase-1-linux.png new file mode 100644 index 0000000000..36ba35fa4c Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/recovery-phrase-1-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/recovery-phrase-2-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/recovery-phrase-2-linux.png new file mode 100644 index 0000000000..6e739af8b0 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/recovery-phrase-2-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/recovery-phrase-3-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/recovery-phrase-3-linux.png new file mode 100644 index 0000000000..a03cc90842 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/recovery-phrase-3-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/recovery-phrase-4-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/recovery-phrase-4-linux.png new file mode 100644 index 0000000000..8904df280d Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/recovery-phrase-4-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/recovery-phrase-5-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/recovery-phrase-5-linux.png new file mode 100644 index 0000000000..0e9479de41 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-setup-new-device/recovery-phrase-5-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-terms-1-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-terms-1-linux.png new file mode 100644 index 0000000000..3c17d4cbc5 Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-terms-1-linux.png differ diff --git a/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-terms-2-linux.png b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-terms-2-linux.png new file mode 100644 index 0000000000..f1d3e5cb5c Binary files /dev/null and b/tests/specs/v3/onboarding/setup-device.spec.ts-snapshots/v3-terms-2-linux.png differ