How to switch frames using Protractor

Question

I know this has been asked multiple times, and the suggested solution has been to use something like browser.driver.switchTo('your-frame-name') but I can't seem to access the same switchTo() method in my code.

This is my test :

import { AppPage } from './app.po';
import {browser, by, element} from 'protractor';

describe('angular-test App', () => {
  let page: AppPage;

  beforeEach(() => {
    page = new AppPage();
  });

  it('should display welcome message', () => {
    page.navigateTo();
    browser.driver.switchToParentFrame()

    //expect(page.getParagraphText()).toEqual('Welcome to app!');
    expect(element(by.id('myHeader')).getText()).toEqual('Welcome to Angular Test App!  ');
  });
});

switchToParentFrame() is the only available method I get after the browser.driver.

This is how my HTML looks like

Any help is appreaciated, sorry for the vague description of the question but I'm pretty new to coding/protractor e2e testing.

A good start would be to have a look at the API: http://www.protractortest.org/#/api?view=webdriver.WebDriver.prototype.switchTo — Florent B., Nov 30 '17 at 23:12
Possible duplicate of [Protractor: Testing Angular App in an Iframe](https://stackoverflow.com/questions/20425909/protractor-testing-angular-app-in-an-iframe) — Andersson, Dec 01 '17 at 05:40

score 4 · Accepted Answer · answered Jan 17 '18 at 21:24

4

browser.switchTo().frame(element(by.tagName('iframe')).getWebElement());

answered Jan 17 '18 at 21:24

fOcusWow

383
1
5
14

Apparently my IDE was not recognizing switchTo() method – fOcusWow Jan 17 '18 at 21:25

score 1 · Answer 2 · answered Dec 04 '17 at 06:38

1

var elem = element(by.xpath('iframe element')); // .//div[contains(@id,\'cke\')]/iframe   
browser.sleep(3000);
elem.click();    
browser.switchTo().frame(elem.getWebElement());    
browser.sleep(3000);    
element(by.tagName('body')).sendKeys('test');     
browser.switchTo().defaultContent();    
browser.sleep(3000);

answered Dec 04 '17 at 06:38

Pavan Srivatsav

74
1
7

Why is there a browser.sleep(3000)? – A Yashwanth Jul 25 '21 at 17:26

score 0 · Answer 3 · answered Dec 04 '17 at 21:50

0

 browser.switchTo().activeElement();

or try to experiment with other available methods

answered Dec 04 '17 at 21:50

andriyze

464
3
7

How to switch frames using Protractor

3 Answers3