Creates GUI Map file from Selenium IDE

1. Open Selenium IDE Options
2. In the [Formats] tab, clicks [Add] button
3. Name the format as GUI Map
4. Replace the source code by below code
5. Click [Save]  button
6. Record some steps by Selenium IDE
7. Rename the command to Object Name format
8. On Selenium IDE, click File>>Export Test Case As >> GUI Map

var SEPARATORS = {
    comma: ",",
    tab: "\t"
};

function formatCommands(commands) {

    var sep = SEPARATORS[options['separator']];
    var result = 'Property ' + sep + 'Value' + "\n";
    for (var i = 0; i < commands.length; i++) {
        var command = commands[i];
        if (command.type == 'command') {
            result += command.command + sep + command.target + sep + command.value + "\n";
        }
    }
    return result;
}

function parse(testCase, source) {
    var doc = source;
    var commands = [];
    var sep = SEPARATORS[options['separator']];
    while (doc.length > 0) {
        var line = /(.*)(\r\n|[\r\n])?/.exec(doc);
        var array = line[1].split(sep);
        if (array.length >= 3) {
            var command = new Command();
            command.command = array[0];
            command.target = array[1];
            command.value = array[2];
            commands.push(command);
        }
        doc = doc.substr(line[0].length);
    }
    testCase.setCommands(commands);
}

function format(testCase, name) {
    return formatCommands(testCase.commands);
}

options = { separator: 'comma' };


configForm =
    '<description>Separator</description>' +
 '<menulist id="options_separator">' +
 '<menupopup>' +
 '<menuitem label="Comma" value="comma"/>' +
 '<menuitem label="Tab" value="tab"/>' +
 '</menupopup>' +
 '</menulist>';