Cannot click a link inside a frame

Support
1

I am trying to test an app we develop via webpagetest. It is not publicly available, so I cannot provide access, but here’s some details:

  1. the page has a set of iFrames on it, it is organised through yui framework (I’m not a dev, so that’s as much as I know)
  2. the link I want to click is inside one of the iframes with a code like below (I removed all other elements). When I click on that link manually, changes occure in another frame, and even if I open menu frame in a separate tab, all of the frames still seem to be connected somehow (I guess, through yui).
  3. I am trying to click entry-0-1 link, and I have tried all I could think of: click, clickAndWait, sendClickAndWait, exec/execAndWait… I also tried using sleep before trying to click a link, as advised for a similar problem in MS edge webdriver. I tried different browsers. There are no error messages anywhere, but no activity either, test just waits for “up to 420 seconds” to finish.

Any idea what the problem might be? Did anyone ever encounter smth like this? Hard to believe I’m the first one…

[code]



[/code]
2

If the iframe is in the same domain you can find the elements in the iframe document like this:

document.querySelector("iframe[id=FRAME-ID]").contentWindow.document.querySelector("#entry-0-1")

They won’t be discoverable in the top document.

Try to do it in the javascript console of your browser, locally. If it works there, it should work in WebPagetest. Be careful not to be mislead by Chrome automatically switching to the iframe when you select an element with the Inspector. The current iframe is displayed in a dropdown at the top of the javascript console.

Some browsers (Firefox, Edge, IE) allow you to navigate accross frames using the cd() command. Then you can just find it as if it is the main document - $(“#entry-0-1”). Chrome doesn’t have this.

If the iframe source is a different domain, you won’t be able to access it via javascript or jQuery in any browser due to same origin policy. I don’t know if there is a way to do it in WebPagetest.

If it still doesn’t work, you can post here the script you are trying to run.

1 Like
3

Thank you so much @sertovs, it worked like magic! For some reason I didn’t even think that you can use whatever javascript you want in the exec/execAndWait commands, silly me. :slight_smile:

4

Can you help for nested iframe
The Element is inside 2 nested frames.
frame1 = iframe[@id=‘Main-1’];
frame2 = iframe[@id=‘Second-1’];
Element ID = xyz
Last time I used below code for single iframe and it work
dexecAndWait document.querySelector(“iframe[id=Main]”).contentDocument.querySelector(“button[id=abc]”).click();
Can anyone help on this. Thanks

5

Is this part of the code? Give all the code so that we can understand the structure.

1 Like
6

Hi @Donald_Long thanks checking. I got it resolved. Bellow is the code for nested iframe scenario.
execAndWait document.querySelector("iframe[id=*MainFrame*]").contentDocument.querySelector("iframe[id=*NestedFrame*]").contentDocument.querySelector("----------").click();