Prompt alert with text input in Selenium Python - Framework Patterns

Framework Mode - Prompt alert with text input

Folder Structure

selenium_project/
├── src/
│   ├── pages/
│   │   └── prompt_alert_page.py
│   ├── tests/
│   │   └── test_prompt_alert.py
│   ├── utils/
│   │   └── wait_helpers.py
│   └── config/
│       └── config.py
├── requirements.txt
└── pytest.ini
    

Test Framework Layers

• Driver Layer: Manages browser setup and teardown using Selenium WebDriver.
• Page Objects: Classes representing web pages, e.g., PromptAlertPage with methods to interact with prompt alerts.
• Tests: Test scripts using pytest that call page object methods to perform actions and assertions.
• Utilities: Helper functions like explicit waits to handle alert presence and timing.
• Configuration: Central place for environment URLs, browser options, and credentials.

Configuration Patterns

Use a config.py file to store environment URLs and browser settings. Use environment variables or pytest command line options to switch environments or browsers.

# config/config.py
BASE_URL = "https://example.com"
BROWSER = "chrome"
    

In tests, read these settings to initialize WebDriver accordingly.

Test Reporting and CI/CD Integration

• Use pytest with pytest-html plugin to generate readable HTML reports.
• Integrate tests in CI pipelines (GitHub Actions, Jenkins) to run on each commit.
• Failing tests capture screenshots and alert text for debugging.

Best Practices

• Page Object Model: Encapsulate alert handling in page object methods for reuse and clarity.
• Explicit Waits: Always wait for alert presence before interacting to avoid flaky tests.
• Clear Assertions: Assert alert text matches expected before sending input or accepting.
• Clean Up: Always accept or dismiss alerts to keep browser state clean.
• Configurable Browsers: Allow running tests on different browsers via config for wider coverage.

Self Check

Where would you add a new method to handle prompt alerts in this framework structure?

Key Result

Use Page Object Model with explicit waits to handle prompt alerts cleanly and reliably.

Practice

1. What is the main purpose of handling a prompt alert with text input in Selenium?

easy

A. To scroll the webpage automatically

B. To enter text into a popup alert and accept it

C. To click a button on the webpage

D. To take a screenshot of the alert

Solution

1. Step 1: Understand prompt alerts

   Prompt alerts allow users to enter text in a popup box on the webpage.

2. Step 2: Handling prompt alerts in Selenium

   Selenium can switch to the alert, send text input, and accept it to proceed.

3. Final Answer:

   To enter text into a popup alert and accept it -> Option B

4. Quick Check:

   Prompt alert = text input + accept [OK]

Hint: Prompt alert means input text then accept [OK]

Common Mistakes:

• Confusing prompt alert with simple alerts
• Trying to send keys without switching to alert
• Ignoring the accept() step after input

2. Which Selenium Python code snippet correctly sends text 'hello' to a prompt alert and accepts it?

easy

A. driver.send_keys('hello')
alert.accept()

B. alert = driver.find_element_by_id('alert')
alert.send_keys('hello')
alert.accept()

C. alert = driver.switch_to.alert
alert.send_keys('hello')
alert.accept()

D. alert = driver.switch_to.alert
alert.dismiss()
alert.send_keys('hello')

Solution

1. Step 1: Switch to alert correctly

   Use driver.switch_to.alert to access the alert object.

2. Step 2: Send keys and accept alert

   Call send_keys('hello') then accept() to input text and confirm.

3. Final Answer:

   alert = driver.switch_to.alert alert.send_keys('hello') alert.accept() -> Option C

4. Quick Check:

   switch_to.alert + send_keys + accept = correct [OK]

Hint: Always switch_to.alert before sending keys [OK]

Common Mistakes:

• Using find_element instead of switch_to.alert
• Calling dismiss() before send_keys
• Sending keys without switching to alert

3. What will be the output of this Selenium Python code if the prompt alert expects a name and you input 'Alice'?

alert = driver.switch_to.alert
alert.send_keys('Alice')
alert.accept()
result = driver.find_element(By.ID, 'result').text
print(result)

medium

A. Alert dismissed without input

B. No alert found error

C. Empty string printed

D. Hello Alice! Your input was received.

Solution

1. Step 1: Input text and accept alert

   The code sends 'Alice' to the prompt alert and accepts it, so input is registered.

2. Step 2: Retrieve result text from page

   The page updates an element with ID 'result' to show a greeting including the input.

3. Final Answer:

   Hello Alice! Your input was received. -> Option D

4. Quick Check:

   Input 'Alice' + accept = greeting message [OK]

Hint: Accepted prompt input updates page text [OK]

Common Mistakes:

• Expecting error without alert present
• Not retrieving updated element text
• Assuming alert dismiss clears input

4. Identify the error in this Selenium Python code snippet handling a prompt alert:

alert = driver.switch_to.alert
alert.accept()
alert.send_keys('Test')

medium

A. send_keys called after accept, alert no longer available

B. Missing import for Alert class

C. Incorrect locator used for alert

D. No error, code works fine

Solution

1. Step 1: Understand alert lifecycle

   Calling accept() closes the alert, so it cannot receive input afterward.

2. Step 2: Correct order for input and accept

   send_keys() must be called before accept() to input text successfully.

3. Final Answer:

   send_keys called after accept, alert no longer available -> Option A

4. Quick Check:

   accept() closes alert, no send_keys after [OK]

Hint: Send keys before accept to avoid alert closed error [OK]

Common Mistakes:

• Calling accept before send_keys
• Ignoring alert closure after accept
• Assuming alert object persists after accept

5. You want to test a prompt alert that asks for user age and rejects empty input. Which Selenium Python code correctly handles this scenario and verifies the rejection message?

hard

A. alert = driver.switch_to.alert
alert.send_keys('')
alert.accept()
msg = driver.find_element(By.ID, 'error').text
assert msg == 'Input required'

B. alert = driver.switch_to.alert
alert.dismiss()
msg = driver.find_element(By.ID, 'error').text
assert msg == 'Input required'

C. alert = driver.switch_to.alert
alert.send_keys('25')
alert.dismiss()
msg = driver.find_element(By.ID, 'error').text
assert msg == 'Input required'

D. alert = driver.switch_to.alert
alert.send_keys('')
alert.dismiss()
msg = driver.find_element(By.ID, 'error').text
assert msg == 'Input required'

Solution

1. Step 1: Send empty input and accept alert

   Send empty string to prompt and accept to simulate empty input submission.

2. Step 2: Verify error message on page

   Check the element with ID 'error' for the rejection message 'Input required'.

3. Final Answer:

   Send empty input + accept + assert error message -> Option A

4. Quick Check:

   Empty input + accept triggers error message [OK]

Hint: Send empty string then accept to test input validation [OK]

Common Mistakes:

• Dismissing alert instead of accepting
• Not sending any input before accept
• Checking wrong element for error message