Заполните форму с CasperJS

Question

Я пытаюсь заполнить эту форму, используя CasperJS. Я хотел бы ввести электронное письмо и нажать «Разблокировать этот обзор».

Проверка кода с использованием кода элемента на Chrome, я получаю следующее:

<input id="email" type="text" class="emailAddr focusClear" value="Enter your email address" defaultvalue="Enter your email address" onblur="return ta.call('ta.common.search.defaultOnBlur', event);" onkeydown="return ta.util.keys.onEnterKeyClickSibling(event, '.submitBtn');" onfocus="ta.trackEventOnPage('overlay_registration_email_only', 'focused', '', '39415', false); return ta.call('ta.common.search.clearOnFocus', event);"> 
<div class="submitBtn rndBtn rndBtnGreen rndBtnLarge taLnk" onclick="ta.servlet.OverlayRegistration.submitEmailOnlySignup(event, ta.id('emailOnlySignup'), oreg_options);">Unlock this review</div> 

не имеют большой опыт работы с CasperJS, код, который я пытаюсь использовать для отправьте эту форму:

this.sendKeys('input[id="email"]', 'xxx@whatever'); 

У меня проблема с селектором, но я не уверен. Это URL я проверяю, и вы получите эту форму при нажатии кнопки «Дополнительно» в обзоре, когда вы не вошли в

http://www.tripadvisor.com/Restaurant_Review-g187497-d782630-Reviews-Restaurante_El_Mussol-Barcelona_Catalonia.html

Это полный код, который я использую:.

var casper = require("casper").create({ 
    pageSettings: { 
     userAgent: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.8; rv:23.0) Gecko/20130404 Firefox/23.0" 
    } 
}); 

var url = 'http://www.tripadvisor.com/Restaurant_Review-g187497-d782630-Reviews-Restaurante_El_Mussol-Barcelona_Catalonia.html'; 

casper.start(url, function() { 
    this.echo('ok'); 
    this.click("span.taLnk.hvrIE6.tr299457563.moreLink.ulBlueLinks"); 
    this.echo('ok2'); 
    this.capture('test-screen1.png'); 
}).wait(15000).then(function() { 
     this.echo('ok3'); 
     this.capture('test-screen2.png'); 
     /**this.fill('input.emailAddr', { 
     'email': 'xxx@whatever' 

     });*/ 
     this.echo('ok4'); 
     this.sendKeys('input[value="email"]', 'xxx@whatever'); 
     this.echo('ok5'); 
     this.capture('test-screen3.png'); 

     }).wait(5000).then(function() { 
      this.echo('ok5'); 
      this.capture('test-screen4.png'); 

}); 

/**fs.write(path,content,'w')**/ 
casper.run(); 

Я никогда не достигаю 'ok5', и форма не заполняется. Я подозреваю, что в селекторе CSS я делаю что-то неправильно.

Answer 1

Вы не можете получить доступ к полю электронной почты из-за этого всплывающего окна, открытого в iframe. Для работы с фреймов смотрите в документации: http://docs.casperjs.org/en/latest/modules/casper.html#withpopup

код должен быть что-то вроде этого:

casper 
    .start(url, function() { 
     this.echo('ok'); 
     this.click("span.taLnk.hvrIE6.tr299457563.moreLink.ulBlueLinks"); 
     this.echo('ok2'); 
     this.capture('test-screen1.png'); 
    }) 
    .waitForPopup(/Registration/, function() { 
     this.echo("Popup opened"); 
    }) 
    .withPopup(/Registration/, function() { 
     this.echo('ok5'); 
     this.capture('test-screen3.png'); 
     this.sendKeys('#email', 'xxx@whatever'); 
     this.click('#emailOnlySignup .submitBtn'); 
    }) 

Answer 2

Ok получил это работает, спасибо за головы с IFRAME. Если вы видите какие-либо улучшения, дайте мне знать :)

var casper = require("casper").create({ 
    pageSettings: { 
     userAgent: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.8; rv:23.0) Gecko/20130404 Firefox/23.0" 
    } 
}); 

var url= 'http://www.tripadvisor.com/Registration?source=OverlayRegistration&flow=EMAIL_ONLY_SIGNUP_OVERLAY&action=GET_EMAIL_ONLY_SIGNUP&pid=39415&category=overlay_registration_email_only&detail=782630&geo=187497&curUrl=http%253A__2F____2F__www__2E__tripadvisor__2E__com__2F__Restaurant__5F__Review__2D__g187497__2D__d782630__2D__Reviews__2D__Restaurante__5F__El__5F__Mussol__2D__Barcelona__5F__Catalonia__2E__html'; 
casper.start(url, function() { 
    this.echo('ok'); 
    this.capture('test-screen1.png'); 
    this.sendKeys('input[id="email"]', 'name@email.com'); 
    this.echo('ok2'); 
    this.capture('test-screen2.png'); 
    this.click("div.submitBtn.rndBtn.rndBtnGreen.rndBtnLarge.taLnk") 
    this.echo('ok3'); 

    this.then(function() { 
    var url = 'http://www.tripadvisor.com/Restaurant_Review-g187497-d782630-Reviews-Restaurante_El_Mussol-Barcelona_Catalonia.html'; 
    this.start(url, function() { 
    this.echo('ok4'); 
    this.click("span.taLnk.hvrIE6.tr299457563.moreLink.ulBlueLinks"); 
    this.echo('ok5'); 
    this.capture('test-screen3.png'); 
}).wait(15000).then(function() { 
     this.echo('ok6'); 
     this.capture('test-screen4.png'); 

     }); 
}); 


    }); 



/**fs.write(path,content,'w')**/ 
casper.run();