Tour 7: Workflows

{
  "workflows": [],
  "rules": {
    "tabSettings": [
      {
        "id": "1",
        "name": "Tour 7 - 1"
      },
      {
        "id": "2",
        "name": "Tour 7 - 2"
      }
    ],
    "rules": [
      {
        "code": "var rules = [{\n  \"url\": /tutorial\\/tour-7\\.html/,\n  \"name\": \"Tour 7 : Workflows - Step 1\",\n  \"fields\": [{\n    \"selector\": \"input[name=first_name]\",\n    \"value\": function($e) {\n      $e.val(Libs.chance.first());\n    } \n  }, {\n    \"selector\": \"input[name=last_name]\",\n    \"value\": function($e) {\n      $e.val(Libs.chance.last());\n    } \n  }, {\n    \"selector\": \"input[type=submit]\",\n    \"value\": Libs.h.click\n  }]\n}\n];",
        "tabId": 1
      },
      {
        "code": "var rules = [{\n  \"url\": /tutorial\\/tour-7-2\\.html/,\n  \"name\": \"Tour 7 : Workflows - Step 2\",\n  \"fields\": [{\n    \"selector\": \"input[name=age]\",\n    \"value\": 25,\n  }, {\n    \"selector\": \"input[type=submit]\",\n    \"value\": Libs.h.click\n  }]\n}\n];",
        "tabId": 2
      }
    ]
  }
}

This is a live tutorial. If you are already using Form-O-Fill please click here to export your rules and workflows before starting this tour.
Also it might be a good idea to close any Form-O-Fill Options tab you might have open:

Automating multiple pages

Here you can learn how to chain multiple rules together to build a workflow.

Workflows execute multiple rules in a defined order.

Combined with the use of Libs.h.click full page automation is possible.

Welcome!

Before starting: Have you read this important message?

This form is the first page of a little simulated order process.

We will use two rules to fill this and the next page separately.

After that we will chain those two steps together to form a single workflow.

The first task is to fill those two fields with random values using chance.js

We can use two value functions for this (see Tour 5).

Since we want to use the rule in a workflow we must also take care of submitting the form.

This can easily be done using Libs.h.click on the input[type=submit] button.

Let's test the rule and make sure it really submits the form.

I just imported the rule for this into Form-O-Fill.

Somewhere up here should be the Form-O-Fill action icon.
It should looks like this:

Press it now