An open API service indexing awesome lists of open source software.

https://github.com/browser-use/stress-tests

A collection of particularly difficult test scenarios for evaluating browser-use.
https://github.com/browser-use/stress-tests

browser-use browsers evals forms headless html playwright puppeteer

Last synced: 5 months ago
JSON representation

A collection of particularly difficult test scenarios for evaluating browser-use.

Awesome Lists containing this project

README

          

# [Browser-Use Stress Test](https://browser-use.github.io/stress-tests)

> - Guided Evaluation Challenge: https://browser-use.github.io/stress-tests/challenge.html
> - All the Form Libraries All At Once: https://browser-use.github.io/stress-tests/index.html

Screenshot 2025-05-01 at 1 33 54 AM
image

## Included Form Libraries

1. **Vanilla HTML + JS** - Basic HTML5 form elements with JavaScript validation
2. **jQuery + Bootstrap + Select2** - Classic form stack with enhanced select inputs
3. **AngularJS (v1)** - Angular 1.x form implementation with ng-model bindings
4. **Angular (v2+)** - Modern Angular reactive forms
5. **React Hook Form** - React-based form library using hooks
6. **TanStack Form** - Modern React form state management library
7. **Formik** - Popular form state management for React
8. **React Final Form** - High-performance React form state management
9. **Svelte Forms Lib** - Svelte-based form validation library
10. **Ember (ember-changeset-validations)** - Ember.js form implementation
11. **Vue.js (Vuelidate)** - Vue form validation library
12. **Material UI Forms** - Material Design styled form components
13. **Wufoo-style** - Intentionally difficult for autofill with unusual naming patterns
14. **Shadow DOM Form** - Form elements encapsulated within Shadow DOM
15. **Dynamic Form** - Dynamically generated form elements
16. **Web Components** - Lit/Polymer Web Components implementation
17. **Progressive Form** - Multi-step form with progressive disclosure
18. **React Native Web** - React Native components rendered to web
19. **Nested Iframes** - Form elements nested in multiple iframe layers
20. **Hidden Labels** - Form with visually hidden accessibility labels
21. **Non-Latin Form** - Form using non-Latin character sets
22. **Contenteditable Form** - Form using contenteditable elements
23. **Rich Text Fields** - Form with rich text editor fields
24. **GraphQL Form** - Form using GraphQL mutations
25. **Table-based Form** - Form with table-based layout
26. **Animated Form** - Form with CSS animations and transitions
27. **Internationalized Form** - Form with internationalization support

## Features

Each form includes:

- All standard HTML form input types
- Date and time pickers
- Character-restricted fields (alphanumeric only)
- Disabled fields
- Red herring modal buttons (opens a modal instead of submitting)
- Form validation
- Submit buttons
- All forms will display `the secret is: dumbledore` upon succesful submission to make evals easy to validate

## Special Testing Cases

The Wufoo-style form is specifically designed to challenge autofill systems with:
- Unusual field naming conventions
- Nested form structures
- Non-standard input patterns
- Split fields (separate month/day/year selects)
- Honeypot fields
- Fields with prefixes/suffixes

## Usage

1. Open `index.html` in a browser
2. Test your autofill browser extension against each form
3. Check for proper field recognition and filling

## Development

This is a purely frontend project with no build steps required. All forms are self-contained in their respective HTML files.

## More

- https://www.tohodo.com/autofill/form.html :star:
- https://www.smashingmagazine.com/2023/02/comparing-react-form-libraries/
- https://fill.dev/form/identity-simple
- https://www.roboform.com/filling-test-all-fields

## License

MIT