This document describes how we're currently translating the process of filling out a web form into YAML, a human-readable data serialization format.
This is a working document in that the schema is evloving. While we've based this format heavily on the Capybara testing framework for ruby, we haven't gotten into the full swing of using the format yet, so things are subject to change (and open to suggestions!)
You can jump to the example if you just want a quick reference.
The top level of a member's contact schema includes only two fields: bioguide
and contact_form
.
bioguide
is the legislator's assigned Bioguide ID which can be used to connect this data to other data sources in the unitedstates project.
contact_form
is a nested hash of the pertinent details of successfully filling out and validating receipt of the member's contact form.
method
The HTTP method used to submit the form in all caps, most likely GET
or POST
action
The URL the form should submit to. An empty string ('') can be used to represent the URL the form is located at, but otherwise, this should be an absolute URL like http://github.com/unitedstates/congress-contact
, rather than /unitedstates/congress-contact
, even if that is what appears in the form.
steps
A list of the steps that make up a successful submission of the form. Steps are a subset of Capybara methods, one of:
visit
: The act of navigating to a given url.find
: Locating a selector on the page, an indication that no further steps should be executed until the selector is present and visible.fill_in
: Entering text into a textinput
ortextarea
.select
: Choosing a value from aselect
list.check
: Ticking a checkboxinput
.uncheck
The opposite ofcheck
.choose
Ticking a specific item in a set of radio buttons.click_on
Clicking a link orbutton
, most likely to submit aform
.
success
A basic description of what a successful HTTP response looks like. This is a hash of headers
and body
content:
headers
Any standard HTTP header can be expected here, but most implementations won't need this information.status
is provided as an example.status
: The numeric http code the response should match, eg200
body
contains
: A plain string that should be present in the body. This is preferred overmatches
unless a more complex rule is necessary.matches
: A regular expression bounded by plain string delimiters ("") for portability. It's preferable to provide a pattern (if one is needed) that can be matched case-insensitively and on one line.
The value of a visit step is just a string
url.
The value of a find step is just a string CSS selector which should be found on the page (and should be visible) before proceeding to execute more steps.
The value of a fill_in step can be a single field, or a list of hashes defining a batch of fields to fill in at once, but should be defined as a list either way. Each hash describes a form field by a few attributes, many of which are common to most steps:
name
: Thename
HTML attribute of the field to be filled out.selector
: It's expected that a specific CSS selector will be provided in addition to thename
field, because it's possible that more than one field with the same name (email
, for example) may be present on the page.value
: Either a string value to enter into the form, or a 'variable' placeholder, such as$EMAIL
. These placeholders are listed and explained in variables.yaml in the support folder of this repo. The leading dollar sign is used to help disambiguate these special values from an all-caps string value that might be intended to go directly into the form field.required
(ironically, optional): This field will be present if a field must be filled out with a value in order for the form to be valid.
A note on CAPTCHAs
Contact forms may present a captcha challenge, which of course is difficult to deal with in an automated fashion. CAPTCHAs should be handled as fill_in
fields with the variable $CAPTCHA_SOLUTION
as the value. These fields should also describe a captcha_selector
key for retrieving the captcha image and returning it to a solver of the implementer's choosing.
These steps can also either list one or many hashes. It should be expected that a single form can be filled out with many steps until a click_on
step is encountered, at which time the form should be submitted.
The attributes of these steps are the same as those of fill_in
, and should be treated as such with the exception of value
. In a checkbox or radio button context, value
describes the actual value
attribute of the checkbox that should be checked/unchecked/chosen, in case several have the same name
attribute.
Like the other input-related steps, select
s can list either one or many hashes. Attributes are the same as fill_in
with the addition of options
, a list of the possible options which can be selected. If the value
attributes of the select's options are obscure abbreviations or otherwise non-human-readable, the value of options
can be a hash where the key is the text that appears in the select box when the option is selected, and the value is the option's value
attribute. In cases where the options are common across several members' forms, a constant may be used as a placeholder. Available constants are listed in constants.yaml in this repository. Currently the only available constants are a list of the postal codes of the 50 US states plus DC, and the full list of states and territories. The constants encountered in options lists comprise the keys in constants.yaml
so the resulting constants hash can be indexed directly with them.
A click_on step terminates the preceding list of input-related steps, by submitting the web form. It is a list containing a hash with only two possible keys: selector
and value
. selector
is the CSS selector for finding the button or link to click, and value
is the HTML value attribute if present, both to disambiguate and for the benefit of clients which may be POSTing directly instead of using a headless browser, though this is not recommended. selector
is the only attribute you must provide/should expect to be guaranteed.
To put it all together, let's do a google search for our last name as an example:
bioguide: #(well, it's google, so there isn't one)
contact_form:
method: GET
action: http://google.com/search
steps:
- visit: http://google.com
- fill_in:
- name: q
selector: "#gbqfq"
value: $NAME_LAST
required: Yes
- click_on:
- selector: "#gbqfba"
success:
body:
contains: "results ("