Storefront Profile Completion Test Plan

New user profile setup modal after OTP verification

Version: 1.0
Last Updated: December 10, 2025
Total Test Cases: 8

Overview

When a new user (phone number not in system) completes OTP verification, they are presented with a Profile Completion modal to enter their name and optionally their email. This modal is required to be completed before the user can proceed.

Profile Completion Flow

OTP Verified
Modal Opens
Enter Name*
Enter Email
Submit
Logged In

* Name is required, Email is optional

UI Reference

Profile Completion Modal

Profile Completion Modal UI
Complete Your Profile
Please provide your details to continue
Name *
Enter your full name
Email (Optional)
Enter your email address
Save & Continue

Test Data

Test Inputs

Field Valid Input Invalid Input
Name John Doe, Priya Singh Empty, Single char "A", Very long (>100 chars)
Email user@example.com, test@bizplaza.in invalid-email, user@, @domain.com
Note: To trigger the profile completion modal, use a phone number that doesn't exist in the system (e.g., 9123456789).

Test Cases: Modal Display

TC-SF-PROFILE-001 Profile Modal Appears for New User
High

Objective: Verify that the profile completion modal appears when a new user completes OTP verification.

  1. Navigate to login page and enter a new phone number: 9123456789
    OTP screen is displayed
  2. Enter valid OTP: 123456 and click Verify
    • Profile Completion modal appears
    • Background is dimmed/blurred
    • Modal has "Complete Your Profile" title
    • Name field is empty and focused
    • Email field is empty
    • "Save & Continue" button is present
TC-SF-PROFILE-002 Profile Modal NOT Shown for Existing User
High

Objective: Verify that existing users bypass the profile completion modal.

  1. Navigate to login page and enter an existing phone number: 9876543210
    OTP screen is displayed
  2. Enter valid OTP and click Verify
    • Profile modal does NOT appear
    • User is directly redirected to homepage or previous page
    • User's existing name appears in header
TC-SF-PROFILE-003 Modal Cannot Be Dismissed Without Completing
High

Objective: Verify that the profile modal cannot be closed without submitting valid data.

Precondition: Profile modal is displayed for new user.

  1. Try clicking outside the modal (on the backdrop)
    Modal remains open - clicking outside does not close it
  2. Try pressing Escape key
    Modal remains open - Escape key does not close it
  3. Look for X (close) button in modal
    No close button is present (or if present, it doesn't work)
  4. Try refreshing the page
    • Option A: User returns to login (session not created until profile complete)
    • Option B: Modal reappears (profile still incomplete)

Test Cases: Form Validation

TC-SF-PROFILE-004 Successful Profile Completion with Name Only
High

Objective: Verify that profile can be completed with just a name (email is optional).

Precondition: Profile modal is displayed.

  1. Enter name: Test User
    Name appears in the field
  2. Leave email field empty
    Email field remains empty
  3. Click "Save & Continue" button
    • Button shows loading state
    • Profile is saved successfully
    • Modal closes
    • User is redirected to homepage or previous page
    • "Test User" appears in header as user's name
TC-SF-PROFILE-005 Successful Profile Completion with Name and Email
High

Objective: Verify that profile can be completed with both name and email.

Precondition: Profile modal is displayed.

  1. Enter name: Priya Singh
    Name appears in the field
  2. Enter email: priya@example.com
    Email appears in the field
  3. Click "Save & Continue" button
    • Profile is saved successfully
    • Modal closes
    • User is logged in with name "Priya Singh"
    • Email is saved to user's profile
TC-SF-PROFILE-006 Name Field Validation - Empty
Medium

Objective: Verify that empty name is rejected.

Precondition: Profile modal is displayed.

  1. Leave name field empty
    Name field is empty
  2. Click "Save & Continue" button
    • Form does not submit
    • Error message appears: "Name is required" (or similar)
    • Name field is highlighted with error state
    • Modal remains open
TC-SF-PROFILE-007 Email Field Validation - Invalid Format
Medium

Objective: Verify that invalid email format is rejected.

Precondition: Profile modal is displayed.

  1. Enter valid name: Test User
    Name is entered
  2. Enter invalid email: invalid-email
    Text is entered
  3. Click "Save & Continue" button
    • Form does not submit
    • Error message appears: "Invalid email format" (or similar)
    • Email field is highlighted with error state
  4. Try other invalid formats: user@, @domain.com, user@domain
    All invalid formats are rejected
TC-SF-PROFILE-008 Name Field - Minimum/Maximum Length
Low

Objective: Verify name field length constraints.

Precondition: Profile modal is displayed.

  1. Enter single character name: A
    • Either accepted (minimal validation)
    • Or error shown: "Name must be at least 2 characters"
  2. Enter very long name (100+ characters)
    • Input is truncated at max length
    • Or error shown if exceeds limit
  3. Enter name with special characters: O'Brien, Mary-Jane
    Names with apostrophes and hyphens are accepted
Note: Document the actual validation rules implemented and verify they match requirements.

Pre-Test Checklist

Environment URLs

Environment Storefront URL Login Page
Local http://localhost:4000 http://localhost:4000/login
Development https://dev-store.bizplaza.in https://dev-store.bizplaza.in/login
Staging https://staging-store.bizplaza.in https://staging-store.bizplaza.in/login