Tengo una página web con un iframe. Me gustaría acceder al contenido del iframe usando CasperJS. En particular, necesito hacer clic en los botones y completar un formulario. ¿Cómo puedo hacer eso?¿Cómo accedo a un iframe de CasperJS?
La página web principal es main.html:
<html><body>
<a id='main-a' href="javascript:console.log('pressed main-a');">main-a</a>
<iframe src="iframe.html"></iframe>
<a id='main-b' href="javascript:console.log('pressed main-b');">main-b</a>
</body></html>
El marco flotante es:
<html><body>
<a id='iframe-c' href="javascript:console.log('pressed iframe-c');">iframe-c</a>
</body></html>
Mi enfoque ingenuo:
var casper = require('casper').create({
verbose: true,
logLevel: "debug"
});
casper.start("http://jim.sh/~jim/tmp/casper/main.html", function() {
this.click('a#main-a');
this.click('a#main-b');
this.click('a#iframe-c');
});
casper.run(function() {
this.exit();
});
no funciona, por supuesto, debido a que la El selector a#iframe-c
no es válido en el marco principal:
[info] [phantom] Starting...
[info] [phantom] Running suite: 2 steps
[debug] [phantom] opening url: http://jim.sh/~jim/tmp/casper/main.html, HTTP GET
[debug] [phantom] Navigation requested: url=http://jim.sh/~jim/tmp/casper/main.html, type=Other, lock=true, isMainFrame=true
[debug] [phantom] url changed to "http://jim.sh/~jim/tmp/casper/main.html"
[debug] [phantom] Navigation requested: url=http://jim.sh/~jim/tmp/casper/iframe.html, type=Other, lock=true, isMainFrame=false
[debug] [phantom] Successfully injected Casper client-side utilities
[info] [phantom] Step 2/2 http://jim.sh/~jim/tmp/casper/main.html (HTTP 200)
[debug] [phantom] Mouse event 'click' on selector: a#main-a
[info] [remote] pressed main-a
[debug] [phantom] Mouse event 'click' on selector: a#main-b
[info] [remote] pressed main-b
[debug] [phantom] Mouse event 'click' on selector: a#iframe-c
FAIL CasperError: Cannot dispatch click event on nonexistent selector: a#iframe-c
# type: uncaughtError
# error: "CasperError: Cannot dispatch click event on nonexistent selector: a#iframe-c"
CasperError: Cannot dispatch click event on nonexistent selector: a#iframe-c
/tmp:901 in mouseEvent
/tmp:365 in click
/tmp/test.js:9
/tmp:1103 in runStep
/tmp:324 in checkStep
¿Hay alguna manera de hacer esto? Un truco que implique meterse en phantomjs directamente estaría bien, pero no sé qué hacer allí.
Estoy usando CasperJS versión 1.0.0-RC1 y phantomjs versión 1.6.0.
Jim, ¿sabía usted si puede esto.test.assertVisible ('# someElemInsideIframe') después de cambiar? Parece barf para mí, pero this.click (...) funciona. –
No lo siento, lo siento. La visibilidad puede ser probada de alguna otra manera que no funciona bien con los marcos, no estoy seguro. –
¿Has visto la respuesta de @ olleolleolle? withFrame es un método documentado. –