Wie greife ich von CasperJS aus auf einen iframe zu?

Question

Aug 27, 2012, 11:56 PM

phantomjs casperjs iframe javascript webkit

Wie greife ich von CasperJS aus auf einen iframe zu?

Ich habe eine Webseite mit einem Iframe. Ich möchte den Inhalt des iframe mit zugreifenCasperJS. Insbesondere muss ich auf Schaltflächen klicken und ein Formular ausfüllen. Wie kann ich das machen?

Die Hauptwebseite istmain.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>

Der Iframe ist:

<html><body>
<a id='iframe-c' href="javascript:console.log('pressed iframe-c');">iframe-c</a>
</body></html>

Mein naiver Ansatz:

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();
});

Funktioniert natürlich nicht, weil dasa#iframe-c Selektor ist im Hauptfenster nicht gültig:

[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

Gibt es eine Möglichkeit, diese Arbeit zu machen? Ein Hack, bei dem man direkt in Phantomjs stöbert, wäre in Ordnung, aber ich weiß nicht, was ich dort tun soll.

Ich verwende CasperJS Version 1.0.0-RC1 und Phantomjs Version 1.6.0.