Cómo establecer el valor de una etiqueta de entrada en CasperJS

Hay algunos métodos diferentes disponibles para llevar a cabo esta tarea.

Debe usar casper.sendKeys() a menos que necesite realizar una operación más compleja.

casper.sendKeys():

Si desea establecer el valor desde el entorno CasperJS, y el elemento input está opcionalmente dentro de un elemento form, entonces puede usar casper.sendKeys():

casper.sendKeys( '#couponCode', 'Hello, world!' );

casper.fill():

Si desea establecer el valor desde el entorno CasperJS , y el elemento input está dentro de un elemento form, y incluye un atributo name, entonces puede usar casper.fill():

casper.fill( '#form',
{
    'couponCode' : 'Hello, world!'              // #form [name="couponCode"]
});

casper.fillSelectors():

Si desea establecer el valor del entorno CasperJS, y el elemento input está dentro de un elemento form, y desea hacer referencia al elemento input usando un selector CSS3, entonces puede usar casper.fillSelectors():

casper.fillSelectors( '#form',
{
    '#couponCode' : 'Hello, world!'             // #form #couponCode
});

casper.fillLabels():

Si desea establecer el valor del entorno CasperJS, y el elemento input está dentro de un elemento form, y incluye un elemento label asociado con texto, entonces puede usar casper.fillLabels():

casper.fillLabels( '#form',
{
    'couponCode' : 'Hello, world!'              // #form label[text()="couponCode"] input
});

casper.fillXPath():

Si desea establecer el valor desde el entorno CasperJS, y el elemento input está dentro de un elemento form, y lo haría como hacer referencia al elemento input usando un selector XPath, entonces puedes usar casper.fillXPath():

casper.fillXPath( '#form',
{
    '//*[@id="couponCode"]' : 'Hello, world!'   // #form #couponCode
});

casper.evaluate():

Si desea establecer el valor desde el entorno DOM de página , y el elemento input está opcionalmente dentro de un elemento form, entonces puede usar casper.evaluate():

casper.evaluate( function ()
{
    document.getElementById( 'couponCode' ).value = 'Hello, world!';
});

Nota: de manera Similar a evaluate(), también se puede utilizar: evaluateOrDie(), thenEvaluate(), o thenOpenAndEvaluate() (si a usted le gusta realizar dos o más operaciones a la vez en relación con los pasos que se están ejecutando).