Testing Multiple Forms on a Single Page

CheckView is designed to work with many popular form plugins, including support for pages containing multiple forms. Our testing has confirmed compatibility with multiple forms on a single page for most scenarios. However, it is important to note that some configurations or specific use cases may require additional adjustments to ensure accurate functionality.

Current Capabilities

CheckView supports the following when testing multiple forms on a single page:

  • Dynamic Form Detection: The platform identifies and interacts with a single form during automated test runs and ignores any other forms it finds on the page.
  • General Compatibility: Popular form plugins such as Contact Form 7, Gravity Forms, and WPForms have been tested for multi-form scenarios.

Potential Limitations

While CheckView is compatible with multiple forms in most cases, there are some scenarios where limitations may arise:

  • Field ID Conflicts: If multiple forms use the same default field IDs, CheckView may encounter difficulties distinguishing between forms during testing. With WS Form forms, this may still occur which is why we attempt to use the data-id attribute instead of the HTML ID.
  • Form-Specific Behaviors: Some plugins or custom implementations may handle multiple forms in ways that are unsupported or untested.
  • Dynamic Form Loading: Forms loaded dynamically (e.g., via AJAX) may require custom configurations for CheckView to detect and test them accurately.

Solutions for Unsupported Scenarios

In cases where multiple forms on a single page are not supported out of the box, the following solutions can help:

  • Custom Form Field IDs: Assign unique IDs to each form field across all forms on the page to eliminate conflicts.
  • Custom Test Steps: Create and configure custom test steps in CheckView to specify the exact form and fields to interact with during testing. This ensures accurate validation for each form.
  • Dedicated Pages: When feasible, split forms onto separate pages to avoid conflicts and simplify testing.

Steps for Custom Configuration

If your forms require custom configurations, follow these steps:

  1. Identify Field IDs: Locate the IDs of all fields on the forms you wish to test. Update field IDs in the form plugin if necessary.
  2. Customize Test Steps: In CheckView, configure custom test steps to specify which form and fields to interact with, ensuring no overlap.
  3. Test and Validate: Run your tests to confirm that each form is being correctly identified and tested. Adjust configurations as needed.

Considerations for Your Testing Plan

When working with multiple forms on a single page, consider the following:

  • Ensure each form has unique field identifiers to avoid conflicts.
  • Use CheckView’s custom test steps for complex scenarios or forms with non-standard configurations.
  • Test thoroughly to confirm that each form is functioning as intended and that submissions are correctly validated.

Docs