signup.e2e.js

import { driver, expect, $ } from '@wdio/globals';

import OnboardingProfilePicScreen from '../pageobjects/Onboarding/OnboardingProfilePicScreen.page';
import SignupStep1Page from '../pageobjects/SignUp/SignupStep1.page';
import SignupStep2Page from '../pageobjects/SignUp/SignupStep2.page';
import SignupStep3Page from '../pageobjects/SignUp/SignupStep3.page';
import StartScreen from '../pageobjects/StartScreen.page';
import { fetchOTP } from '../utils/fetchOTP';

describe('Signup Flow', () => {
  describe('Step 1 - Account Information', () => {
    before(async () => {
      await StartScreen.openSignupScreen();
    });

    it('should display step 1 screen correctly', async () => {
      await SignupStep1Page.screenTitle.waitForDisplayed();
      await expect(await SignupStep1Page.isDisplayed()).toBe(true);
    });

    it('should validate name field - empty name', async () => {
      await SignupStep1Page.enterName('.');
      await SignupStep1Page.enterName('');
      await expect(await SignupStep1Page.isEmptyNameErrorMessageDisplayed()).toBe(true);
    });

    it('should validate name field - name too short', async () => {
      await SignupStep1Page.enterName('A');
      await expect(await SignupStep1Page.isNameErrorMessageDisplayed()).toBe(true);
    });

    it('should validate email field - empty email', async () => {
      await SignupStep1Page.enterEmail('.');
      await SignupStep1Page.enterEmail('');
      await expect(await SignupStep1Page.isEmptyEmailErrorMessageDisplayed()).toBe(true);
    });

    it('should validate email field - invalid email format', async () => {
      await SignupStep1Page.enterEmail('invalid-email');
      await expect(await SignupStep1Page.isEmailErrorMessageDisplayed()).toBe(true);
    });

    it('should validate date of birth - age under 13', async () => {
      await SignupStep1Page.selectDateOfBirth(0);
      await expect(await SignupStep1Page.isDobErrorMessageDisplayed()).toBe(true);
    });

    it('should enable next button when form is valid', async () => {
      await SignupStep1Page.enterName(SignupStep1Page.testName);
      await SignupStep1Page.enterEmail(SignupStep1Page.testEmail);
      await SignupStep1Page.selectDateOfBirth();
      await expect(await SignupStep1Page.isValidEmailMessageDisplayed()).toBe(true);
      await expect(await SignupStep1Page.isNameErrorMessageDisplayed()).toBe(false);
      await expect(await SignupStep1Page.isDobErrorMessageDisplayed()).toBe(false);
      await expect(await SignupStep1Page.isNextButtonEnabled()).toBe(true);
    });

    it('should proceed to step 2 with valid form data', async () => {
      await SignupStep1Page.clickNext();
      await SignupStep2Page.screenTitle.waitForDisplayed();
      await expect(await SignupStep2Page.isDisplayed()).toBe(true);
    });
  });

  describe('Step 2 - OTP Verification', () => {
    it('should display step 2 screen correctly', async () => {
      await expect(await SignupStep2Page.isDisplayed()).toBe(true);
      await expect(await SignupStep2Page.isResendCodeButtonDisplayed()).toBe(true);
    });

    it('should validate OTP field - empty code', async () => {
      await SignupStep2Page.enterOTP('0');
      await SignupStep2Page.enterOTP('');
      await expect(await SignupStep2Page.isEmptyCodeErrorMessageDisplayed()).toBe(true);
    });

    it('should validate OTP field - code too short', async () => {
      await SignupStep2Page.enterOTP('123');
      await expect(await SignupStep2Page.isShortCodeErrorMessageDisplayed()).toBe(true);
    });

    it('should only allow numeric input in OTP field', async () => {
      await SignupStep2Page.enterOTP('abc123def');
      const inputValue = await SignupStep2Page.otpInput.getText();
      await expect(inputValue).toEqual('123');
    });

    it('should limit OTP input to 6 digits', async () => {
      await SignupStep2Page.enterOTP('1234567890');
      const inputValue = await SignupStep2Page.otpInput.getText();
      await expect(inputValue).toEqual('123456');
    });

    it('should handle resend OTP functionality', async () => {
      await SignupStep2Page.clickResendCode();
      await expect(await SignupStep2Page.isResendCodeMessageDisplayed()).toBe(true);
    });

    it('should proceed to step 3 with valid OTP', async () => {
      const otp = await fetchOTP(SignupStep1Page.testEmail, 'registration');
      await SignupStep2Page.completeStep2(otp);
      await SignupStep3Page.screenTitle.waitForDisplayed();
      await expect(await SignupStep3Page.isDisplayed()).toBe(true);
    });
  });

  describe('Step 3 - Password Creation', () => {
    it('should display step 3 screen correctly', async () => {
      await SignupStep3Page.screenTitle.waitForDisplayed();
      await expect(await SignupStep3Page.isDisplayed()).toBe(true);
    });

    it('should validate password field - empty password', async () => {
      await SignupStep3Page.enterPassword('.');
      await SignupStep3Page.enterPassword('');
      await expect(await SignupStep3Page.isEmptyPasswordErrorMessageDisplayed()).toBe(true);
    });

    it('should validate password field - password too short', async () => {
      await SignupStep3Page.enterPassword('123');
      await expect(await SignupStep3Page.isShortPasswordErrorMessageDisplayed()).toBe(true);
    });

    it('should complete signup and navigate to onboarding screen', async () => {
      await SignupStep3Page.completeStep3(SignupStep1Page.testPassword);
      await OnboardingProfilePicScreen.screenTitle.waitForDisplayed();
      await expect(await OnboardingProfilePicScreen.isDisplayed()).toBe(true);
    });
  });

  describe('Edge Cases', () => {
    before(async () => {
      await driver.reloadSession();
      await driver.pause(1500);
      const scheme = 'raven';
      const packageName = 'space.cmp27.raven';

      const metroUrl = 'http://10.0.2.2:8081';
      const deepLinkUrl = `${scheme}://expo-development-client/?url=${encodeURIComponent(metroUrl)}`;

      await driver.execute('mobile: deepLink', {
        url: deepLinkUrl,
        package: packageName,
      });

      try {
        const closeButton = await $('~Close');
        await closeButton.waitForDisplayed();
        await closeButton.click();
        await driver.pause(3000);
      } catch {
        // It didn't appear, carry on.
      }
      await StartScreen.welcomeText.waitForDisplayed();
      await StartScreen.openSignupScreen();
    });
    it('should show an error when email already exists', async () => {
      await SignupStep1Page.enterName(SignupStep1Page.testName);
      await SignupStep1Page.enterEmail(SignupStep1Page.testEmail);
      await driver.pause(1500);
      await expect(await SignupStep1Page.isEmailExistsErrorMessageDisplayed()).toBe(true);
    });

    it('should preserve form data when navigating back', async () => {
      await SignupStep1Page.completeStep1(
        SignupStep1Page.generateTestName(),
        SignupStep1Page.generateTestEmail()
      );
      await SignupStep2Page.screenTitle.waitForDisplayed();
      await SignupStep2Page.goBack();
      await SignupStep1Page.screenTitle.waitForDisplayed();
      await expect(await SignupStep1Page.emailInput.getText()).toEqual(SignupStep1Page.testEmail);
    });

    it('should handle invalid OTP attempts', async () => {
      await SignupStep1Page.clickNext();
      await SignupStep2Page.screenTitle.waitForDisplayed();
      const correctOTP = await fetchOTP(SignupStep1Page.testEmail, 'registration');
      const wrongOTP = correctOTP.slice(0, 5) + (correctOTP[5] === '1' ? '2' : '1');
      await SignupStep2Page.enterOTP(wrongOTP);
      await SignupStep2Page.clickNext();
      await expect(await SignupStep2Page.isInvalidCodeErrorMessageDisplayed()).toBe(true);
    });

    it('should handle extremely long names', async () => {
      await SignupStep2Page.goBack();
      await SignupStep1Page.screenTitle.waitForDisplayed();
      await SignupStep1Page.enterName('a'.repeat(101));
      await expect(await SignupStep1Page.isLongNameErrorMessageDisplayed()).toBe(true);
    });

    it('should handle extremely long emails', async () => {
      await SignupStep1Page.enterEmail('a'.repeat(101) + '@example.com');
      await expect(await SignupStep1Page.isLongEmailErrorMessageDisplayed()).toBe(true);
    });

    it('should handle special characters in name', async () => {
      const specialName = "#José María-O'Connor";
      await SignupStep1Page.enterName(specialName);
      await expect(await SignupStep1Page.nameInput.getText()).toEqual(specialName);
      await expect(await SignupStep1Page.isNameErrorMessageDisplayed()).toBe(false);
    });
  });
});