Step-by-Step Testing Instructions - Sequential Task Guide

Table of Contents
1. Basic Web Navigation & Search
2. User Registration Process

3. Login Functionality Testing

4. E-commerce Shopping Flow

5. Form Submission Testing

6. File Upload Testing

7. Multi-Tab Window Handling

8. Dynamic Content Testing

9. Database-UI Integration Testing

10. Mobile Responsive Testing

11. API-UI End-to-End Testing
12. Cross-Browser Compatibility Testing

Basic Web Navigation & Search

Task: Google Search Automation

Sequential Steps:

1. Step 1: Open Chrome browser using WebDriver

2. Step 2: Navigate to "https://www.google.com"

3. Step 3: Verify the page title contains "Google"

4. Step 4: Locate the search input field using name attribute "q"
5. Step 5: Clear any existing text in the search field
6. Step 6: Type "Selenium WebDriver" in the search field

7. Step 7: Press Enter key to submit the search

8. Step 8: Wait for search results page to load completely

9. Step 9: Verify the page title contains "Selenium WebDriver"

10. Step 10: Count the number of search result links on the first page
11. Step 11: Click on the first search result link

12. Step 12: Verify the new page loads successfully

13. Step 13: Navigate back to the search results page
14. Step 14: Scroll down to see more results
15. Step 15: Click on "Next" button to go to page 2

16. Step 16: Verify pagination worked correctly

17. Step 17: Take a screenshot of the current page

18. Step 18: Close the browser

User Registration Process

Task: Complete User Registration on Demo Site

Sequential Steps:

1. Step 1: Launch Firefox browser

2. Step 2: Navigate to "https://demo.opencart.com/index.php?route=account/register"

3. Step 3: Verify registration page loads with title "Register Account"

4. Step 4: Locate "First Name" input field by ID

5. Step 5: Enter "John" in the First Name field

6. Step 6: Locate "Last Name" input field by ID

7. Step 7: Enter "Doe" in the Last Name field

8. Step 8: Locate "E-Mail" input field by ID

9. Step 9: Generate unique email using timestamp (john.doe+timestamp@test.com)

10. Step 10: Enter the generated email in E-Mail field

11. Step 11: Locate "Telephone" input field by ID

12. Step 12: Enter "1234567890" in the Telephone field

13. Step 13: Locate "Password" input field by ID

14. Step 14: Enter "Password123!" in the Password field

15. Step 15: Locate "Password Confirm" input field by ID

16. Step 16: Enter "Password123!" in the Password Confirm field

17. Step 17: Locate newsletter subscription radio button

18. Step 18: Select "No" for newsletter subscription

19. Step 19: Locate privacy policy checkbox

20. Step 20: Check the privacy policy agreement checkbox

21. Step 21: Locate "Continue" button

22. Step 22: Click the Continue button to submit registration

23. Step 23: Wait for registration success page to load
24. Step 24: Verify success message appears
25. Step 25: Verify URL changes to account success page

26. Step 26: Take screenshot of success page

27. Step 27: Log the registration details for future use

28. Step 28: Close the browser

Login Functionality Testing

Task: Test Login with Multiple Scenarios

Sequential Steps:

1. Step 1: Open Edge browser

2. Step 2: Navigate to "https://demo.opencart.com/index.php?route=account/login"

3. Step 3: Verify login page elements are present

4. Step 4: Test Case 1 - Invalid Login Attempt:

5. Step 5: Enter "invalid@email.com" in email field

6. Step 6: Enter "wrongpassword" in password field

7. Step 7: Click "Login" button

8. Step 8: Verify error message appears

9. Step 9: Take screenshot of error message

10. Step 10: Clear both email and password fields

11. Step 11: Test Case 2 - Empty Fields Validation:

12. Step 12: Click "Login" button without entering credentials

13. Step 13: Verify appropriate validation messages appear

14. Step 14: Clear any existing text in fields

15. Step 15: Test Case 3 - Valid Login (using previously registered user):

16. Step 16: Enter valid email address

17. Step 17: Enter correct password

18. Step 18: Click "Login" button

19. Step 19: Wait for account dashboard to load

20. Step 20: Verify successful login by checking URL change

21. Step 21: Verify user account menu is visible

22. Step 22: Verify welcome message or user name is displayed

23. Step 23: Navigate to "My Account" section

24. Step 24: Verify account details are accessible
25. Step 25: Test logout functionality

26. Step 26: Click "Logout" from account menu

27. Step 27: Verify redirect to logout confirmation page

28. Step 28: Verify session is terminated

29. Step 29: Try to access account page directly (should redirect to login)
30. Step 30: Close the browser

E-commerce Shopping Flow

Task: Complete Purchase Process

Sequential Steps:

1. Step 1: Launch Chrome browser in maximized window

2. Step 2: Navigate to "https://demo.opencart.com/"

3. Step 3: Verify homepage loads completely

4. Step 4: Search for "iPhone" in the search bar

5. Step 5: Press Enter to execute search

6. Step 6: Verify search results display iPhone products

7. Step 7: Click on the first iPhone product

8. Step 8: Verify product details page loads

9. Step 9: Check product name, price, and description

10. Step 10: Verify product images are displayed

11. Step 11: Select quantity as "2"

12. Step 12: Click "Add to Cart" button

13. Step 13: Verify success message appears

14. Step 14: Verify cart total updates in header

15. Step 15: Click on shopping cart icon in header

16. Step 16: Verify cart dropdown shows added item

17. Step 17: Click "View Cart" from dropdown

18. Step 18: Verify cart page shows correct items and quantities

19. Step 19: Verify total price calculation is correct

20. Step 20: Update quantity to "3" for the item

21. Step 21: Click update button

22. Step 22: Verify total price updates accordingly
23. Step 23: Click "Checkout" button

24. Step 24: Verify redirect to checkout page

25. Step 25: If not logged in, complete login process

26. Step 26: Fill billing address details:

27. Step 27: Enter "John" in first name

28. Step 28: Enter "Doe" in last name

29. Step 29: Enter "123 Main St" in address

30. Step 30: Enter "New York" in city

31. Step 31: Select "New York" from state dropdown

32. Step 32: Enter "10001" in postal code

33. Step 33: Select "United States" from country dropdown

34. Step 34: Click "Continue" for billing address

35. Step 35: Select shipping address (same as billing)

36. Step 36: Click "Continue" for delivery address

37. Step 37: Select shipping method (standard shipping)

38. Step 38: Click "Continue" for shipping method

39. Step 39: Select payment method (Cash on Delivery)

40. Step 40: Accept terms and conditions checkbox

41. Step 41: Click "Continue" for payment method

42. Step 42: Review order summary and verify all details

43. Step 43: Verify item details, quantities, and total

44. Step 44: Click "Confirm Order" button

45. Step 45: Wait for order confirmation page

46. Step 46: Verify order success message

47. Step 47: Note down order ID for reference

48. Step 48: Verify order appears in account order history

49. Step 49: Take screenshot of confirmation page

50. Step 50: Close the browser

Form Submission Testing

Task: Test Contact Form with Validation

Sequential Steps:

1. Step 1: Open Safari browser (or available browser)

2. Step 2: Navigate to "https://demoqa.com/automation-practice-form"

3. Step 3: Verify form page loads with all required fields

4. Step 4: Test Case 1 - Form Validation:

5. Step 5: Click "Submit" button without filling any fields

6. Step 6: Verify required field validation messages appear

7. Step 7: Take screenshot of validation messages

8. Step 8: Test Case 2 - Complete Form Submission:

9. Step 9: Enter "John" in First Name field

10. Step 10: Enter "Doe" in Last Name field

11. Step 11: Enter "john.doe@test.com" in Email field

12. Step 12: Select "Male" radio button for Gender

13. Step 13: Enter "1234567890" in Mobile Number field

14. Step 14: Click on Date of Birth field

15. Step 15: Select birth month from dropdown

16. Step 16: Select birth year from dropdown

17. Step 17: Select birth date from calendar
18. Step 18: Enter "Computer Science" in Subjects field

19. Step 19: Select subject from auto-suggestions

20. Step 20: Check "Sports" checkbox for Hobbies

21. Step 21: Check "Reading" checkbox for Hobbies

22. Step 22: Upload a picture file using file input

23. Step 23: Enter "123 Main Street" in Current Address

24. Step 24: Select "NCR" from State dropdown

25. Step 25: Wait for City dropdown to populate

26. Step 26: Select "Delhi" from City dropdown

27. Step 27: Scroll down to Submit button if needed
28. Step 28: Click "Submit" button

29. Step 29: Wait for submission confirmation modal

30. Step 30: Verify modal appears with "Thanks for submitting the form"

31. Step 31: Verify all submitted data appears correctly in modal
32. Step 32: Take screenshot of confirmation modal
33. Step 33: Click "Close" button on modal
34. Step 34: Verify form resets or modal closes

35. Step 35: Close the browser

File Upload Testing

Task: Test File Upload Functionality

Sequential Steps:

1. Step 1: Create test files for upload (PDF, image, text file)
2. Step 2: Open Chrome browser

3. Step 3: Navigate to "https://the-internet.herokuapp.com/upload"

4. Step 4: Verify file upload page loads correctly

5. Step 5: Locate file input element

6. Step 6: Verify file input is present and enabled

7. Step 7: Test Case 1 - Single File Upload:

8. Step 8: Click on "Choose File" button

9. Step 9: Upload a PDF file using sendKeys() method

10. Step 10: Verify file name appears in the input field

11. Step 11: Click "Upload" button

12. Step 12: Wait for upload completion

13. Step 13: Verify success message appears

14. Step 14: Verify uploaded file name is displayed

15. Step 15: Take screenshot of success page

16. Step 16: Navigate back to upload page

17. Step 17: Test Case 2 - Image File Upload:

18. Step 18: Select an image file (JPG/PNG)

19. Step 19: Upload the image file

20. Step 20: Verify image upload success

21. Step 21: Check if uploaded file details are correct

22. Step 22: Navigate back to upload page

23. Step 23: Test Case 3 - Invalid File Type (if restrictions exist):
24. Step 24: Try uploading an executable file (.exe)

25. Step 25: Verify appropriate error message for invalid file type
26. Step 26: Test Case 4 - Large File Upload:
27. Step 27: Upload a file larger than size limit (if applicable)

28. Step 28: Verify size limit validation works

29. Step 29: Test Case 5 - No File Selected:

30. Step 30: Click Upload without selecting any file

31. Step 31: Verify appropriate validation message
32. Step 32: Clean up test files from local system

33. Step 33: Close the browser

Multi-Tab Window Handling

Task: Handle Multiple Windows and Tabs

Sequential Steps:

1. Step 1: Launch Firefox browser

2. Step 2: Navigate to "https://the-internet.herokuapp.com/windows"

3. Step 3: Store the current window handle as parent window

4. Step 4: Verify current page title

5. Step 5: Click "Click Here" link to open new window

6. Step 6: Get all available window handles

7. Step 7: Verify total window count is now 2

8. Step 8: Switch to the new window (child window)

9. Step 9: Verify new window title is "New Window"
10. Step 10: Verify new window content is different

11. Step 11: Get current URL of new window

12. Step 12: Take screenshot of new window

13. Step 13: Switch back to parent window

14. Step 14: Verify you're back on original page

15. Step 15: Open a new tab using JavaScript execution

16. Step 16: Navigate new tab to "https://google.com"

17. Step 17: Verify Google page loads in new tab

18. Step 18: Get all window handles (should be 3 now)

19. Step 19: Switch between all three windows/tabs
20. Step 20: Verify each window content is correct
21. Step 21: Close the Google tab
22. Step 22: Verify window count reduces to 2

23. Step 23: Close the "New Window" tab

24. Step 24: Switch back to original parent window

25. Step 25: Verify you're on the original page

26. Step 26: Verify window count is back to 1
27. Step 27: Navigate to a different site

28. Step 28: Open multiple tabs using Ctrl+T (if supported)
29. Step 29: Close all tabs except the first one

30. Step 30: Close the browser

Dynamic Content Testing

Task: Handle Dynamic Elements and AJAX

Sequential Steps:

1. Step 1: Open Chrome browser with DevTools support

2. Step 2: Navigate to "https://the-internet.herokuapp.com/dynamic_loading/1"

3. Step 3: Verify page loads with hidden element scenario

4. Step 4: Locate "Start" button on the page

5. Step 5: Verify loading area is present but content is hidden

6. Step 6: Click the "Start" button

7. Step 7: Verify loading indicator appears
8. Step 8: Wait for loading to complete using explicit wait

9. Step 9: Wait for text "Hello World!" to become visible

10. Step 10: Verify the text is now displayed

11. Step 11: Take screenshot of final result

12. Step 12: Navigate to dynamic loading example 2

13. Step 13: Go to "https://the-internet.herokuapp.com/dynamic_loading/2"

14. Step 14: Verify this page has element rendering scenario

15. Step 15: Click "Start" button

16. Step 16: Wait for loading indicator to appear

17. Step 17: Wait for loading indicator to disappear

18. Step 18: Wait for new element to be present in DOM
19. Step 19: Verify "Hello World!" text appears
20. Step 20: Test AJAX content loading

21. Step 21: Navigate to "https://the-internet.herokuapp.com/dynamic_content"

22. Step 22: Note the current content on page

23. Step 23: Click "Click here to refresh" link

24. Step 24: Wait for page content to reload
25. Step 25: Verify content has changed dynamically

26. Step 26: Compare old vs new content

27. Step 27: Repeat refresh and verify content changes again

28. Step 28: Test dynamic controls

29. Step 29: Navigate to "https://the-internet.herokuapp.com/dynamic_controls"

30. Step 30: Verify checkbox and input field states

31. Step 31: Click "Remove" button for checkbox

32. Step 32: Wait for checkbox to be removed from DOM

33. Step 33: Verify removal success message

34. Step 34: Click "Add" button to restore checkbox

35. Step 35: Wait for checkbox to reappear

36. Step 36: Click "Enable" button for input field

37. Step 37: Wait for input field to become enabled

38. Step 38: Verify input field accepts text input

39. Step 39: Enter some text in enabled input

40. Step 40: Click "Disable" button

41. Step 41: Verify input field becomes disabled

42. Step 42: Close the browser

Database-UI Integration Testing

Task: Validate UI Data Against Database

Sequential Steps:

1. Step 1: Set up database connection (MySQL/PostgreSQL)

2. Step 2: Prepare test database with sample user data

3. Step 3: Launch browser and navigate to application login

4. Step 4: Query database for a test user's credentials
 5. Step 5: Store database query results in variables
6. Step 6: Log into application using database credentials

7. Step 7: Navigate to user profile page

8. Step 8: Extract user details from UI (name, email, phone)

9. Step 9: Compare UI name with database name field

10. Step 10: Verify UI email matches database email

11. Step 11: Verify UI phone matches database phone

12. Step 12: Test data modification scenario:

13. Step 13: Update user phone number in UI form

14. Step 14: Submit form changes

15. Step 15: Verify success message appears

16. Step 16: Query database for updated phone number

17. Step 17: Verify database reflects the UI change

18. Step 18: Refresh UI page

19. Step 19: Verify UI shows updated phone number

20. Step 20: Test data creation scenario:

21. Step 21: Navigate to "Add New Contact" page

22. Step 22: Fill form with new contact details

23. Step 23: Submit new contact form

24. Step 24: Note the generated contact ID from UI

25. Step 25: Query database for newly created contact

26. Step 26: Verify all contact details match between UI and DB

27. Step 27: Test data deletion scenario:

28. Step 28: Delete a contact from UI

29. Step 29: Confirm deletion in UI dialog

30. Step 30: Query database to verify record deletion

31. Step 31: Verify contact no longer exists in database

32. Step 32: Verify contact removed from UI list
33. Step 33: Test data validation:

34. Step 34: Try creating duplicate contact (same email)

35. Step 35: Verify UI shows appropriate error message

36. Step 36: Verify database constraint prevents duplicate

37. Step 37: Clean up test data from database
38. Step 38: Close database connection
39. Step 39: Logout from application

40. Step 40: Close browser

Mobile Responsive Testing

Task: Test Application on Mobile Viewport

Sequential Steps:

1. Step 1: Launch Chrome browser with mobile device emulation

2. Step 2: Set viewport to iPhone 12 dimensions (390x844)
3. Step 3: Navigate to "https://demo.opencart.com"

4. Step 4: Verify mobile layout loads correctly

5. Step 5: Check if hamburger menu appears instead of desktop menu

6. Step 6: Verify logo and header elements are properly sized

7. Step 7: Test mobile navigation:
8. Step 8: Click hamburger menu icon

9. Step 9: Verify mobile menu opens/slides in

10. Step 10: Navigate through different menu items

11. Step 11: Verify each page loads in mobile format

12. Step 12: Test touch interactions:

13. Step 13: Scroll up and down using touch simulation

14. Step 14: Test horizontal scroll if any
15. Step 15: Test pinch-to-zoom functionality

16. Step 16: Test mobile form interaction:

17. Step 17: Navigate to contact or registration form

18. Step 18: Verify form fields are appropriately sized

19. Step 19: Test virtual keyboard interaction
20. Step 20: Fill form using mobile input methods

21. Step 21: Verify form submission works on mobile

22. Step 22: Test different mobile orientations:

23. Step 23: Rotate to landscape orientation

24. Step 24: Verify layout adapts to landscape mode

25. Step 25: Test navigation in landscape

26. Step 26: Rotate back to portrait orientation
27. Step 27: Verify portrait layout is restored

28. Step 28: Test different mobile devices:

29. Step 29: Switch to iPad dimensions (768x1024)

30. Step 30: Verify tablet layout loads appropriately

31. Step 31: Test tablet-specific interactions

32. Step 32: Switch to Samsung Galaxy dimensions

33. Step 33: Verify Android device compatibility

34. Step 34: Test mobile-specific features:

35. Step 35: Test click vs tap behavior

36. Step 36: Test swipe gestures if applicable

37. Step 37: Verify touch target sizes are adequate

38. Step 38: Test mobile performance:

39. Step 39: Monitor page load times on mobile

40. Step 40: Check for mobile-specific errors in console

41. Step 41: Verify images load properly on mobile

42. Step 42: Test mobile checkout process (if e-commerce)

43. Step 43: Reset browser to desktop view

44. Step 44: Close browser

API-UI End-to-End Testing

Task: Combine API and UI Testing

Sequential Steps:

1. Step 1: Set up API testing library (RestAssured/HTTP client)

2. Step 2: Prepare test API endpoints for user management

3. Step 3: Test Case 1 - Create user via API, verify in UI:

4. Step 4: Send POST request to create new user via API

5. Step 5: Verify API response status code is 201 (Created)

6. Step 6: Extract user ID from API response

7. Step 7: Store user details from API response

8. Step 8: Launch browser and navigate to admin panel
9. Step 9: Login to admin panel with admin credentials
10. Step 10: Navigate to user management section
11. Step 11: Search for the API-created user by ID or email

12. Step 12: Verify user appears in UI list

13. Step 13: Click on user to view details

14. Step 14: Compare UI user details with API response data
15. Step 15: Verify all fields match between API and UI
16. Step 16: Test Case 2 - Update user via UI, verify via API:

17. Step 17: Update user details in UI form (change phone number)

18. Step 18: Submit form changes in UI

19. Step 19: Verify success message in UI

20. Step 20: Send GET request to user API endpoint
21. Step 21: Verify API response shows updated phone number

22. Step 22: Compare API response with UI changes

23. Step 23: Test Case 3 - Delete user via API, verify UI updates:

24. Step 24: Send DELETE request to user API endpoint

25. Step 25: Verify API response status code is 200/204

26. Step 26: Refresh user list page in UI

27. Step 27: Verify deleted user no longer appears in UI
28. Step 28: Try to access deleted user's detail page

29. Step 29: Verify appropriate "User not found" message in UI

30. Step 30: Test Case 4 - API error handling in UI:

31. Step 31: Simulate API server down scenario

32. Step 32: Try to load user list in UI
33. Step 33: Verify UI shows appropriate error message

34. Step 34: Verify UI gracefully handles API failures

35. Step 35: Restore API server connection

36. Step 36: Test Case 5 - Data synchronization testing:

37. Step 37: Create multiple users via API rapidly
38. Step 38: Verify UI updates and shows all users

39. Step 39: Test pagination in UI with API-created data

40. Step 40: Test filtering/search functionality

41. Step 41: Clean up test data via API

42. Step 42: Logout from admin panel
43. Step 43: Close browser

Cross-Browser Compatibility Testing

Task: Test Application Across Multiple Browsers

Sequential Steps:

1. Step 1: Prepare test suite for multiple browser execution

2. Step 2: Set up browser drivers (Chrome, Firefox, Edge, Safari)

3. Step 3: Create browser factory for dynamic browser instantiation

4. Step 4: Test Scenario 1 - Chrome Browser Testing:

5. Step 5: Launch Chrome browser with specific version

6. Step 6: Navigate to target application

7. Step 7: Execute core functionality tests

8. Step 8: Verify layout and styling in Chrome

9. Step 9: Test JavaScript functionality

10. Step 10: Take screenshots for visual comparison

11. Step 11: Log Chrome-specific issues if any

12. Step 12: Close Chrome browser

13. Step 13: Test Scenario 2 - Firefox Browser Testing:

14. Step 14: Launch Firefox browser

15. Step 15: Navigate to same application URL

16. Step 16: Execute identical test scenarios

17. Step 17: Compare layout with Chrome results

18. Step 18: Test Firefox-specific features (if any)

19. Step 19: Verify CSS rendering differences

20. Step 20: Test form submission in Firefox

21. Step 21: Take screenshots for comparison

22. Step 22: Close Firefox browser

23. Step 23: Test Scenario 3 - Edge Browser Testing:

24. Step 24: Launch Microsoft Edge browser

25. Step 25: Execute same test suite

26. Step 26: Verify Edge-specific compatibility
27. Step 27: Test download functionality in Edge
28. Step 28: Verify security features work properly
29. Step 29: Compare performance with other browsers

30. Step 30: Close Edge browser

31. Step 31: Test Scenario 4 - Safari Browser Testing (if available):

32. Step 32: Launch Safari browser

33. Step 33: Test WebKit-specific behaviors
34. Step 34: Verify CSS animations and transitions

35. Step 35: Test touch events simulation

36. Step 36: Close Safari browser

37. Step 37: Cross-Browser Comparison Analysis:

38. Step 38: Compare screenshots across all browsers
39. Step 39: Analyze performance metrics

40. Step 40: Document browser-specific issues

41. Step 41: Verify responsive design across browsers

42. Step 42: Test browser-specific keyboard shortcuts

43. Step 43: Generate cross-browser test report

44. Step 44: Clean up browser driver instances

Additional Testing Scenarios

Task: Security Testing Steps

Sequential Steps:

1. Step 1: Test SQL injection in input fields

2. Step 2: Verify XSS protection in text areas

3. Step 3: Test CSRF token validation

4. Step 4: Verify SSL certificate validity

5. Step 5: Test session timeout functionality
6. Step 6: Verify password encryption/hashing

7. Step 7: Test unauthorized access prevention

8. Step 8: Verify secure headers in response

Task: Performance Testing Steps

Sequential Steps:

1. Step 1: Measure page load times

 2. Step 2: Test with slow network simulation
3. Step 3: Monitor memory usage during test

4. Step 4: Test concurrent user scenarios

5. Step 5: Verify image optimization

6. Step 6: Test database query performance

7. Step 7: Monitor CPU usage patterns

8. Step 8: Generate performance report

Task: Accessibility Testing Steps

Sequential Steps:

1. Step 1: Test keyboard navigation only

2. Step 2: Verify screen reader compatibility

3. Step 3: Check color contrast ratios

4. Step 4: Test with high contrast mode

5. Step 5: Verify alt text for images

6. Step 6: Test form label associations

7. Step 7: Verify ARIA attributes usage

8. Step 8: Test with zoom levels up to 200%

Quick Reference Templates

Basic Test Structure Template:

1. Step 1: Setup (browser launch, navigation)

2. Step 2: Verification (page load, elements present)
3. Step 3: Action (interact with elements)
4. Step 4: Validation (verify expected results)
5. Step 5: Cleanup (close browser, reset data)

Data-Driven Test Template:

1. Step 1: Load test data from source

2. Step 2: For each data set:
3. Step 3: Execute test steps with data
4. Step 4: Validate results
5. Step 5: Log results for data set
6. Step 6: Continue to next data set
7. Step 7: Generate summary report