How to use el.isDisplayed method in Appium Xcuitest Driver

...51    for (let i in ids) {52      let id = ids[i].id53      let el = await driver.elementById(id)54      expect(el).to.not.equal(null)55      let isVisible = await el.isDisplayed()56      expect(isVisible).to.equal(true)57    }58    let els = [59      { className: 'texto' },60      { className: 'carta' }61    ]62    for (let i in els) {63      let className = els[i].className64      let el = await driver.elementByClassName(className)65      expect(el).to.not.equal(null)66    }67    let el = await driver.elementById('ingresar')68    await el.click()69    await sleep(1500)70    for (let i in ids) {71      let id = ids[i].id72      let el = await driver.elementById(id)73      expect(el).to.not.equal(null)74      let isVisible = await el.isDisplayed()75      expect(isVisible).to.equal(false)76    }77  })78  it('Test Players container', async () => {79    await sleep(1500)80    let ids = [81      { id: 'players_container' },82      { id: 'deco' },83      { id: 'logo_login' },84      { id: 'campo_1' },85      { id: 'versus' },86      { id: 'campo_2' },87      { id: 'comenzar' },88      { id: 'aquince' },89      { id: 'atreinta' },90      { id: 'nosotros' },91      { id: 'ellos' }92    ]93    for (let i in ids) {94      let id = ids[i].id95      let el = await driver.elementById(id)96      expect(el).to.not.equal(null)97      let isVisible = await el.isDisplayed()98      expect(isVisible).to.equal(true)99    }100    let el15 = await driver.elementById('aquince')101    let attr = await el15.getAttribute('class')102    expect(attr).to.equal('activo')103    let el30 = await driver.elementById('atreinta')104    attr = await el30.getAttribute('class')105    expect(attr).to.equal('')106    await el30.click()107    await sleep(100)108    attr = await el30.getAttribute('class')109    expect(attr).to.equal('activo')110    attr = await el15.getAttribute('class')111    expect(attr).to.equal('')112    await el15.click()113    await sleep(100)114    attr = await el15.getAttribute('class')115    expect(attr).to.equal('activo')116    attr = await el30.getAttribute('class')117    expect(attr).to.equal('')118    await sleep(2000)119    let elNos = await driver.elementById('nosotros')120    attr = await elNos.getAttribute('value')121    expect(attr).to.equal('Nosotros')122    let elEllos = await driver.elementById('ellos')123    attr = await elEllos.getAttribute('value')124    expect(attr).to.equal('Ellos')125    await elNos.sendKeys('vruno')126    await sleep(200)127    await driver.hideKeyboard()128    attr = await elNos.getAttribute('value')129    expect(attr).to.equal('vruno')130    await elEllos.sendKeys('pame')131    await sleep(200)132    await driver.hideKeyboard()133    attr = await elEllos.getAttribute('value')134    expect(attr).to.equal('pame')135    let el = await driver.elementById('comenzar')136    await el.click()137    await sleep(1500)138    el = await driver.elementById('players_container')139    expect(el).to.not.equal(null)140    let isVisible = await el.isDisplayed()141    expect(isVisible).to.equal(false)142  })143  it('Test Tanteador container 15', async () => {144    await sleep(1500)145    let ids = [146      { id: 'tanteador_container', visible: true },147      { id: 'popup', visible: false },148      { id: 'popup2', visible: false },149      { id: 'content_counter', visible: true },150      { id: 'nosotros_col', visible: true },151      { id: 'ellos_col', visible: true },152      { id: 'arrows_quince', visible: true },153      { id: 'arrow_left', visible: true },154      { id: 'arrow_right', visible: true },155      { id: 'content_fosforos', visible: true },156      { id: 'left', visible: true },157      { id: 'right', visible: true },158      { id: 'tanteador_nos', visible: true },159      { id: 'tanteador_ellos', visible: true }160    ]161    for (let i in ids) {162      let id = ids[i].id163      let visible = ids[i].visible164      let el = await driver.elementById(id)165      expect(el).to.not.equal(null)166      let isVisible = await el.isDisplayed()167      expect(isVisible).to.equal(visible)168    }169    let el = await driver.elementById('nosotros_col')170    let text = await el.text()171    expect(text).to.equal('vruno')172    el = await driver.elementById('ellos_col')173    text = await el.text()174    expect(text).to.equal('pame')175    let matches = await driver.elementsByClassName('match')176    expect(matches.length).to.equal(30)177    let nosPoints = await driver.elementById('tanteador_nos')178    text = await nosPoints.text()179    expect(text).to.equal('0')180    let ellosPoints = await driver.elementById('tanteador_ellos')181    text = await ellosPoints.text()182    expect(text).to.equal('0')183    let nosMatches = []184    let ellosMatches = []185    for (let i in matches) {186      let m = matches[i]187      let attr = await m.getAttribute('class')188      if (attr.indexOf('nos') !== -1) {189        nosMatches.push(m)190      } else {191        ellosMatches.push(m)192      }193      expect(attr.indexOf('activo')).to.equal(-1)194      await m.click()195      attr = await m.getAttribute('class')196      expect(attr.indexOf('activo')).to.not.equal(-1)197      await m.click()198      attr = await m.getAttribute('class')199      expect(attr.indexOf('activo')).to.equal(-1)200    }201    expect(nosMatches.length).to.equal(15)202    expect(ellosMatches.length).to.equal(15)203    // testing nosotros matches204    for (let i in nosMatches) {205      let m = nosMatches[i]206      await m.click()207      text = await nosPoints.text()208      expect(parseInt(text)).to.equal(parseInt(i) + 1)209    }210    await sleep(500)211    ids = [212      { id: 'popup2' },213      { id: 'mensaje2' },214      { id: 'si2' },215      { id: 'no2' }216    ]217    for (let i in ids) {218      let id = ids[i].id219      let el = await driver.elementById(id)220      expect(el).to.not.equal(null)221      let isVisible = await el.isDisplayed()222      expect(isVisible).to.equal(true)223    }224    el = await driver.elementById('no2')225    await el.click()226    await sleep(200)227    el = await driver.elementById('popup2')228    let isVisible = await el.isDisplayed()229    expect(isVisible).to.equal(false)230    for (let i in nosMatches) {231      let m = nosMatches[i]232      await m.click()233      await sleep(100)234      text = await nosPoints.text()235      expect(parseInt(text)).to.equal(15 - parseInt(i) - 1)236    }237    await sleep(200)238    text = await nosPoints.text()239    expect(text).to.equal('0')240    // testing ellos matches241    for (let i in ellosMatches) {242      let m = ellosMatches[i]243      await m.click()244      await sleep(100)245      text = await ellosPoints.text()246      expect(parseInt(text)).to.equal(parseInt(i) + 1)247    }248    await sleep(500)249    ids = [250      { id: 'popup2' },251      { id: 'mensaje2' },252      { id: 'si2' },253      { id: 'no2' }254    ]255    for (let i in ids) {256      let id = ids[i].id257      let el = await driver.elementById(id)258      expect(el).to.not.equal(null)259      let isVisible = await el.isDisplayed()260      expect(isVisible).to.equal(true)261    }262    el = await driver.elementById('no2')263    await el.click()264    await sleep(200)265    el = await driver.elementById('popup2')266    isVisible = await el.isDisplayed()267    expect(isVisible).to.equal(false)268    for (let i in ellosMatches) {269      let m = ellosMatches[i]270      await m.click()271      await sleep(100)272      text = await ellosPoints.text()273      expect(parseInt(text)).to.equal(15 - parseInt(i) - 1)274    }275    text = await ellosPoints.text()276    expect(text).to.equal('0')277    await sleep(500)278    for (let i in ellosMatches) {279      let m = ellosMatches[i]280      await m.click()281    }282    await sleep(100)283    el = await driver.elementById('si2')284    await el.click()285    await sleep(1500)286    el = await driver.elementById('tanteador_container')287    isVisible = await el.isDisplayed()288    expect(isVisible).to.equal(false)289    el = await driver.elementById('players_container')290    isVisible = await el.isDisplayed()291    expect(isVisible).to.equal(true)292    await sleep(1500)293  })294  it('Test Tanteador container 30 & Clear button', async () => {295    let el = await driver.elementById('atreinta')296    await el.click()297    await sleep(100)298    el = await driver.elementById('comenzar')299    await el.click()300    await sleep(1500)301    el = await driver.elementById('tanteador_container')302    isVisible = await el.isDisplayed()303    expect(isVisible).to.equal(true)304    let matches = await driver.elementsByClassName('match')305    expect(matches.length).to.equal(60)306    let elClear = await driver.elementByClassName('clear')307    isVisible = await elClear.isDisplayed()308    expect(isVisible).to.equal(true)309    await elClear.click()310    await sleep(1000)311    let ids = [312      { id: 'popup' },313      { id: 'mensaje' },314      { id: 'si' },315      { id: 'no' }316    ]317    for (let i in ids) {318      let id = ids[i].id319      let el = await driver.elementById(id)320      expect(el).to.not.equal(null)321      let isVisible = await el.isDisplayed()322      expect(isVisible).to.equal(true)323    }324    el = await driver.elementById('no')325    await el.click()326    await sleep(100)327    el = await driver.elementById('popup')328    let isVisible = await el.isDisplayed()329    expect(isVisible).to.equal(false)330    el = await driver.elementById('tanteador_container')331    isVisible = await el.isDisplayed()332    expect(isVisible).to.equal(true)333    await elClear.click()334    await sleep(200)335    el = await driver.elementById('si')336    await el.click()337    await sleep(500)338    el = await driver.elementById('tanteador_container')339    isVisible = await el.isDisplayed()340    expect(isVisible).to.equal(false)341    el = await driver.elementById('players_container')342    isVisible = await el.isDisplayed()343    expect(isVisible).to.equal(true)344    await sleep(1500)345  })...

...48    });49    it('test that clicking on add task button remove itself', function() {50        ptor.findElements(protractor.By.repeater('taskline in tasklines')).then(function(elems) {51            elems[0].findElement(protractor.By.css('button.add-task-btn')).then(function(el){52                expect(el.isDisplayed()).toBe(true);53            });54        });55        element(by.css('button.add-task-btn')).click();56        ptor.findElements(protractor.By.repeater('taskline in tasklines')).then(function(elems) {57            elems[0].findElement(protractor.By.css('button.add-task-btn')).then(function(el){58                expect(el.isDisplayed()).toBe(false);59            });60            elems[1].findElement(protractor.By.css('button.add-task-btn')).then(function(el){61                expect(el.isDisplayed()).toBe(true);62            });63        });64    });65    it('test that clicking on delete task button does not display for first line', function() {66        ptor.findElements(protractor.By.repeater('taskline in tasklines')).then(function(elems) {67            elems[0].findElement(protractor.By.css('button.delete-task-btn')).then(function(el){68                expect(el.isDisplayed()).toBe(false);69            });70        });71        element(by.css('button.add-task-btn')).click();72        ptor.findElements(protractor.By.repeater('taskline in tasklines')).then(function(elems) {73            elems[0].findElement(protractor.By.css('button.delete-task-btn')).then(function(el){74                expect(el.isDisplayed()).toBe(false);75            });76            elems[1].findElement(protractor.By.css('button.delete-task-btn')).then(function(el){77                expect(el.isDisplayed()).toBe(true);78            });79        });80    });...

...36  it('can hide, show, remove, and start a widget', function () {37    renderWidget();38    // Ensure the widget exists39    var el = element(by.css('#okta-sign-in'));40    expect(el.isDisplayed()).toBe(true);41    // Ensure the widget can hide42    browser.executeScript('oktaSignIn.hide()');43    expect(el.isDisplayed()).toBe(false);44    // Ensure the widget can be unhidden45    browser.executeScript('oktaSignIn.show()');46    expect(el.isDisplayed()).toBe(true);47    // Ensure the widget can be removed48    browser.executeScript('oktaSignIn.remove()');49    expect(el.isPresent()).toBe(false);50    // Ensure a new widget can be created51    function createWidget () {52      oktaSignIn.renderEl({}, function () {});53    }54    browser.executeScript(createWidget);55    expect(el.isDisplayed()).toBe(true);56  });57  it('can login and return tokens using the showSignInToGetTokens method', function () {58    var options = {59      clientId: '{{{WIDGET_CLIENT_ID}}}',60      redirectUri: 'http://localhost:3000/done',61      scope: 'openid profile'62    };63    browser.executeScript(`oktaSignIn.showSignInToGetTokens(${JSON.stringify(options)})`);64    // Ensure the widget exists65    var el = element(by.css('#okta-sign-in'));66    expect(el.isDisplayed()).toBe(true);67    var primaryAuth = new PrimaryAuthPage(),68        oidcApp = new OIDCAppPage();69    primaryAuth.loginToForm('{{{WIDGET_BASIC_USER}}}', '{{{WIDGET_BASIC_PASSWORD}}}');70    expect(oidcApp.getIdTokenUser()).toBe('{{{WIDGET_BASIC_NAME}}}');71  });72  it('log a console message when tokens are not parsed from the URL after the Widget is rendered', function () {73    // Browsers on iOS & Android emulators don't support device logs74    if (process.env.SAUCE_PLATFORM_NAME === 'iOS') {75      return;76    }77    renderWidget();78    // Ensure the widget exists79    var el = element(by.css('#okta-sign-in'));80    expect(el.isDisplayed()).toBe(true);81    // Reload the page with tokens in the URL82    browser.executeScript('window.location = window.location + "#id_token=abc"');83    browser.refresh(true);84    renderWidget();85    expectToFindLogMessage('Looks like there are still tokens in the URL!');86  });87  function expectToFindLogMessage (text) {88    browser.manage().logs().get('browser')89      .then(function (logs) {90        var log = logs.find(function (entry) {91          var message = text;92          return entry.message.includes(message) === true;93        });94        expect(log).toBeDefined();...

1/* global describe, before, beforeEach, it, browser, element, by, protractor */2import { expect } from './globals';3const EC = protractor.ExpectedConditions;4browser.ignoreSynchronization = true;5describe('Footer', () => {6  let modalOpened = false;7  const modalEl = element(by.id('tm-modal'));8  const modalTitleEl = modalEl.element(by.id('my-modal-label'));9  const modalCloseEl = modalEl.element(by.css('.close.close-modal'));10  const footerContainer = element(by.css('.footer'));11  const linkPrivacy = footerContainer.element(by.partialLinkText('Privacy Policy'.toUpperCase()));12  const linkTerms = footerContainer.element(by.partialLinkText('Terms & Conditions'.toUpperCase()));13  const linkPartners = footerContainer.element(by.partialLinkText('Partners'.toUpperCase()));14  const linkCustomer = footerContainer.element(by.partialLinkText('Customer Care'.toUpperCase()));15  before(() => {16    browser.get('');17  });18  beforeEach(() => {19    if (modalOpened) {20      modalCloseEl.click();21    }22  });23  it('should open Privacy Policy popup when click \'Privacy Policy\'', () => {24    browser.wait(EC.elementToBeClickable(linkPrivacy), 3000);25    linkPrivacy.click();26    browser.sleep(1000);27    expect(modalEl.isDisplayed()).to.eventually.equal(true);28    modalOpened = true;29    expect(modalTitleEl.getText()).to.eventually.equal('Privacy Policy');30  });31  it('should open Terms & Conditions popup when click \'Terms & Conditions\'', () => {32    browser.wait(EC.elementToBeClickable(linkTerms), 3000);33    linkTerms.click();34    browser.sleep(1000);35    expect(modalEl.isDisplayed()).to.eventually.equal(true);36    modalOpened = true;37    expect(modalTitleEl.getText()).to.eventually.equal('Terms & Conditions');38  });39  it('should open Partners popup when click \'Partners\'', () => {40    browser.wait(EC.elementToBeClickable(linkPartners), 3000);41    linkPartners.click();42    browser.sleep(1000);43    expect(modalEl.isDisplayed()).to.eventually.equal(true);44    modalOpened = true;45    expect(modalTitleEl.getText()).to.eventually.equal('Partner');46  });47  it('should open Customer Care popup when click \'Customer Care\'', () => {48    browser.wait(EC.elementToBeClickable(linkCustomer), 3000);49    linkCustomer.click();50    browser.sleep(1000);51    expect(modalEl.isDisplayed()).to.eventually.equal(true);52    modalOpened = true;53    expect(modalTitleEl.getText()).to.eventually.equal('Customer Care');54  });55  it('should close modal when click \'X\' on modal', () => {56    browser.wait(EC.elementToBeClickable(linkPrivacy), 3000);57    linkPrivacy.click();58    browser.sleep(1000);59    expect(modalEl.isDisplayed()).to.eventually.equal(true);60    modalOpened = true;61    modalCloseEl.click();62    browser.sleep(1000);63    expect(modalEl.isDisplayed()).to.eventually.equal(false);64    modalOpened = false;65  });...

...20  get userProfileButton() { return $('[data-se="dropdown-menu--button-toggle-svg"]');}21  get signOutLink() { return $('a[data-se="topbar--sign-out"]'); }22  async signOut() {23    if (process.env.ORG_OIE_ENABLED) {24      await browser.waitUntil(async () => this.userProfileButton.then(el => el.isDisplayed()), 5000, 'wait for user profile');25      await this.userProfileButton.then(el => el.click());26      await browser.waitUntil(async () => this.signOutLink.then(el => el.isDisplayed()), 5000, 'wait for signout link');27      await this.signOutLink.then(el => el.click());28    } else {29      await browser.waitUntil(async () => this.userMenu.then(el => el.isDisplayed()), 5000, 'wait for user menu');30      await this.userMenu.then(el => el.click());31      await browser.waitUntil(async () => this.signOutBtn.then(el => el.isDisplayed()), 5000, 'wait for signout btn');32      await this.signOutBtn.then(el => el.click());33    }34    await browser.waitUntil(async () => this.widgetFormTitle.then(el => el.isDisplayed()), 5000, 'wait for widget');35  }36  async waitForLoad() {37    if (process.env.ORG_OIE_ENABLED) {38      await browser.waitUntil(async () => this.mainContent.then(el => el.isDisplayed()), 5000, 'wait for main content');39    } else {40      await browser.waitUntil(async () => this.userMenu.then(el => el.isDisplayed()), 5000, 'wait for user menu');41    }42  }43  async closeInitialPopUp() {44    // If this is newly created org, there is a "help" window that pops up. We need to close that.45    const el = await this.popUpCloseButton;46    const isExisting = await el.isExisting();47    if (isExisting) {48      el.click();49    } else {50      // Do nothing51    }52  }53}54export default new OktaHome();

...27            process.env.SAUCE_ACCESS_KEY,28            driverConfig);29        await driver.get(process.env.SMOKE_URL);30        const el = await findByText(UNSUPPORTED_MESSAGE);31        const isDisplayed = await el.isDisplayed();32        return expect(isDisplayed).toEqual(true);33    });34    test('Safari 9 should be supported', async () => {35        const driverConfig = {36            browserName: 'safari',37            platform: 'OS X 10.11',38            version: '9.0'39        };40        driver = await getSauceDriver(41            process.env.SAUCE_USERNAME,42            process.env.SAUCE_ACCESS_KEY,43            driverConfig);44        await driver.get(process.env.SMOKE_URL);45        const el = await findByText(SUPPORTED_MESSAGE);46        const isDisplayed = await el.isDisplayed();47        return expect(isDisplayed).toEqual(true);48    });49    test('Safari 10 should be supported', async () => {50        const driverConfig = {51            browserName: 'safari',52            platform: 'OS X 10.11',53            version: '10.0'54        };55        driver = await getSauceDriver(56            process.env.SAUCE_USERNAME,57            process.env.SAUCE_ACCESS_KEY,58            driverConfig);59        await driver.get(process.env.SMOKE_URL);60        const el = await findByText(SUPPORTED_MESSAGE);61        const isDisplayed = await el.isDisplayed();62        return expect(isDisplayed).toEqual(true);63    });...

...19  });20  it('can hide, show, remove, and start a widget', function() {21    // Ensure the widget exists22    var el = element(by.css('#okta-sign-in'));23    expect(el.isDisplayed()).toBe(true);24    // Ensure the widget can hide25    browser.executeScript('oktaSignIn.hide()');26    expect(el.isDisplayed()).toBe(false);27    // Ensure the widget can be unhidden28    browser.executeScript('oktaSignIn.show()');29    expect(el.isDisplayed()).toBe(true);30    // Ensure the widget can be removed31    browser.executeScript('oktaSignIn.remove()');32    expect(el.isPresent()).toBe(false);33    // Ensure a new widget can be created34    function createWidget() {35      oktaSignIn.renderEl({36        el: '#okta-login-container'37      }, function() {});38    }39    browser.executeScript(createWidget);40    expect(el.isDisplayed()).toBe(true);41  });...