Testcafe: switchToIFrame doesn't support frame

Created on 23 Jun 2017 · 6Comments · Source: DevExpress/testcafe

Are you requesting a feature or reporting a bug?

I believe this is a bug but it could be viewed as a feature request. Depends on the intended original implementation.

What is the current behavior?

The web page I've attempting to manipulate has a frameset with three frames. I need to activate the middle one and am hence trying to use switchToIFrame such as this:

await t.switchToIframe(Selector('frame').nth(1))

I get an error stating"The action element is expected to be an ." </p> <h3>What is the expected behavior?</h3> <p>Activate the frame in the same manner an iframe would be activated</p> <h3>How would you reproduce the current behavior (if this is a bug)?</h3> <p>Create a test page with a frameset and attempt to use your API on it. </p> <h3>Specify your</h3> <ul> <li>operating system: Windows 7 Pro</li> <li>testcafe version: 0.16.1</li> <li>node.js version: v6.10.2</li> </ul> </div> <div> <span class="badge badge-primary">Auto-locked</span> <span class="badge badge-primary">runner</span> <span class="badge badge-primary">bug</span> <div class="float-right"> <a class="text-muted" href="https://www.github.com/DevExpress/testcafe/issues/1565" rel="nofollow noreferrer" target="_blank" onclick="dataLayer.push({'event': 'GAEvent', 'eventCategory': 'click', 'eventAction': 'source_bottom', 'eventLabel': 'Source Bottom', 'eventValue': undefined});">Source</a> </div> </div> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars1.githubusercontent.com/u/253471?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt=" picture"> <strong>FrankV01</strong> </div> <div class="col text-right"> </div> </div> </div> </div> </div> <div class="col-12"> <div id="ph-above-best-comment"> </div> </div> <div class="col-12"> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="9295564578" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="col-12 d-flex align-items-center mb-4"> <h2>All 6 comments</h2> </div> <div class="col-12"> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Hi <strong>@FrankV01</strong>,</p> <p><code>frameset</code> is an <a rel="nofollow noopener" target="_blank" href="https://www.w3.org/TR/html/obsolete.html#non-conforming-features">obsolete</a> feature. TestCafe has limited <code>framesets</code> support but we can't guarantee that all cases work properly. We will check whether we can fix switching to <code>frame</code> via the <code>switchToIframe</code> or not and will notify you.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars0.githubusercontent.com/u/12047804?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="AlexanderMoskovkin picture"> <strong>AlexanderMoskovkin</strong> <span class="text-muted ml-1">on 26 Jun 2017</span> </div> <div class="col text-right"> 🎉<span class="ml-2 mr-3">1</span> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>First, thank you. Second, I do know it's an obsolete feature. Its use in the tech stack I'm working on is beyond my control and despite requests to do so, removal isn't slated. I'm dealing with it best I can. Again, I appreciate any attention you can give this matter. </p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars1.githubusercontent.com/u/253471?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="FrankV01 picture"> <strong>FrankV01</strong> <span class="text-muted ml-1">on 26 Jun 2017</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>please suggest if we can find elements with in Frame like this way (#myFrame #myLocator) instead of switching this by method t.switchToFrame() </p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars1.githubusercontent.com/u/18642620?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="Automation-Geek picture"> <strong>Automation-Geek</strong> <span class="text-muted ml-1">on 2 Feb 2018</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Hi <strong>@guptaakhil</strong>,</p> <p>The <code>switchToFrame()</code> function is the only way to work with elements inside iframes in TestCafe tests.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars0.githubusercontent.com/u/12047804?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="AlexanderMoskovkin picture"> <strong>AlexanderMoskovkin</strong> <span class="text-muted ml-1">on 2 Feb 2018</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>It will cost too much for us to support this obsolete browser feature. So, we are not going to implement this in the near future.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars0.githubusercontent.com/u/12047804?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="AlexanderMoskovkin picture"> <strong>AlexanderMoskovkin</strong> <span class="text-muted ml-1">on 19 Apr 2018</span> </div> <div class="col text-right"> 👎<span class="ml-2 mr-3">1</span> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>This thread has been automatically locked since it is closed and there has not been any recent activity. Please open a new issue for related <a rel="nofollow noopener" target="_blank" href="https://github.com/DevExpress/testcafe/issues/new?template=bug-report.md">bugs</a> or <a rel="nofollow noopener" target="_blank" href="https://github.com/DevExpress/testcafe/issues/new?template=feature_request.md">feature requests</a>. We recommend you ask TestCafe API, usage and configuration inquiries on <a rel="nofollow noopener" target="_blank" href="https://stackoverflow.com/questions/ask?tags=testcafe">StackOverflow</a>.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars1.githubusercontent.com/in/6672?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="lock[bot] picture"> <strong>lock[bot]</strong> <span class="text-muted ml-1">on 28 Mar 2019</span> </div> <div class="col text-right"> </div> </div> </div> </div> </div> <div class="col-12"> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown text-center helpful"> <div class="title">Was this page helpful?</div> <div class="mt-1" onMouseLeave="rating(238240699, 0);"> <i class="fas fa-star inactive" id="star-1" onMouseOver="rating(238240699, 1);" onclick="rate(238240699, 1);"></i> <i class="fas fa-star inactive" id="star-2" onMouseOver="rating(238240699, 2);" onclick="rate(238240699, 2);"></i> <i class="fas fa-star inactive" id="star-3" onMouseOver="rating(238240699, 3);" onclick="rate(238240699, 3);"></i> <i class="fas fa-star inactive" id="star-4" onMouseOver="rating(238240699, 4);" onclick="rate(238240699, 4);"></i> <i class="fas fa-star inactive" id="star-5" onMouseOver="rating(238240699, 5);" onclick="rate(238240699, 5);"></i> </div> <div class="description text-small"><span id="rating-val">0</span> / 5 - <span id="rating-count">0</span> ratings</div> </div> </div> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3452512275" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> <div class="col-12 col-lg-4"> <div id="ph-above-related"></div> <div class="card card-custom issue-box"> <div class="card-body pt-3 pb-5"> <h2 class="mb-4">Related issues</h2> <div> <strong> <a href="/testcafe/243737325/start-browser-in-a-clean-empty-profile-when-running-locally">Start browser in a clean/empty profile when running locally</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars2.githubusercontent.com/u/239357?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="jvanoostveen picture"> <strong class="pr-1" dir="ltr">jvanoostveen</strong>  ·  <span class="px-1" dir="ltr">4</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/testcafe/376143654/selector-gets-stuck">Selector gets stuck.</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars2.githubusercontent.com/u/4364107?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="madroneropaulo picture"> <strong class="pr-1" dir="ltr">madroneropaulo</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/testcafe/142672447/typescript-compiler">TypeScript compiler</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars1.githubusercontent.com/u/453071?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="inikulin picture"> <strong class="pr-1" dir="ltr">inikulin</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/testcafe/466261604/asynchronous-operations-not-queued-correctly">asynchronous operations not queued correctly</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars3.githubusercontent.com/u/1266367?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="devmondo picture"> <strong class="pr-1" dir="ltr">devmondo</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/testcafe/452980425/type-definition-for-runner-video-options-is-missing">type definition for runner Video options is missing</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars3.githubusercontent.com/u/1266367?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="devmondo picture"> <strong class="pr-1" dir="ltr">devmondo</strong>  ·  <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> </div> </div> <div class="sticky-top pt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div id="ph-below-related-2" class="mt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <div class="col-12 col-lg-4"> </div> </div> <div class="skyscraper-container"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="7879185320" data-ad-format="vertical" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="mt-5 spacer"></div> <footer class="mt-5 pb-2 py-4 text-center mt-auto"> <div class="container"> <a class="navbar-brand logo mr-5" href="/"> <img src="/assets/img/logo.svg" width="40" height="40" alt="bleepingcoder logo"> bleeping<strong>coder</strong> </a> <div class="mt-4"> bleepingcoder.com uses publicly licensed GitHub information to provide developers around the world with solutions to their problems. We are not affiliated with GitHub, Inc. or with any developers who use GitHub for their projects. We do not host any of the videos or images on our servers. All rights belong to their respective owners. </div> <div> Source for this page: <a href="https://www.github.com/DevExpress/testcafe/issues/1565" rel="nofollow noreferrer" target="_blank">Source</a> </div> </div> <hr class="mb-5 mt-5"> <div class="container"> <div class="row"> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Popular programming languages</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/python" dir="ltr">Python</a> </li> <li class="mb-2"> <a href="/javascript" dir="ltr">JavaScript</a> </li> <li class="mb-2"> <a href="/typescript" dir="ltr">TypeScript</a> </li> <li class="mb-2"> <a href="/cpp" dir="ltr">C++</a> </li> <li class="mb-2"> <a href="/csharp" dir="ltr">C#</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Popular GitHub projects</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/microsoft/vscode" dir="ltr">vscode</a> </li> <li class="mb-2"> <a href="/numpy/numpy" dir="ltr">numpy</a> </li> <li class="mb-2"> <a href="/ant-design/ant-design" dir="ltr">ant-design</a> </li> <li class="mb-2"> <a href="/mui-org/material-ui" dir="ltr">material-ui</a> </li> <li class="mb-2"> <a href="/vercel/next-js" dir="ltr">next.js</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-0"> <strong>More GitHub projects</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/rust-lang/rust" dir="ltr">rust</a> </li> <li class="mb-2"> <a href="/moment/moment" dir="ltr">moment</a> </li> <li class="mb-2"> <a href="/yarnpkg/yarn" dir="ltr">yarn</a> </li> <li class="mb-2"> <a href="/mozilla/pdf-js" dir="ltr">pdf.js</a> </li> <li class="mb-2"> <a href="/JuliaLang/julia" dir="ltr">julia</a> </li> </ul> </div> </div> </div> <hr class="mb-5 mt-5"> <div class="container text-muted"> © 2026 bleepingcoder.com - <a href="/bleeps" rel="nofollow">Contact</a><br /> By using our site, you acknowledge that you have read and understand our <a href="/cookies" rel="nofollow">Cookie Policy</a> and <a href="/privacy" rel="nofollow">Privacy Policy</a>. </div> </footer> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script> <script async src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>  <script type="text/javascript" src="/assets/js/main.js"></script> <script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script></body> </html>