angularjs - Xpath is not working in selenium

Question

I am trying to automate an Angular 2.0 application.

HTML Code:

<input _hello="" class="myclass" formcontrolname="phoneCtrl" required="" sdcleave="" sdmutekeys="[0-9]" type="text" placeholder="Phone number">

When I try to locate above element using xpath locator, it gives me below mentioned error.

Tried Code:

//input[@class='myclass'][0]

Error:no such element: Unable to locate element: {"method":"xpath","selector":"//input[@class='myclass'][0]"}(..)

Can anyone help me on this issue?

Answer 1

Maybe your DOM is not ready yet when Webdriver tries to locate element. Add this code in a util.js file :

util.js

'use strict';

/**
 * Navigate to an url and wait some seconds
 * @param {string} path The path
 * @param {seconds} [seconds] The number of seconds to wait for
 * @returns {Promise}
 * @see waitSomeSeconds
 */
function navigateAndWait(path, seconds) {
  return browser.get(path)
    .then(function () {
      return waitSomeSeconds(seconds);
    });
}

/**
 * Wait some seconds (default is 3)
 * @param {int} [seconds]
 * @returns {Promise}
 */
function waitSomeSeconds(seconds) {
  return browser.sleep((seconds || 3) * 1000);
}

module.exports = {
  navigateAndWait: navigateAndWait,
  waitSomeSeconds: waitSomeSeconds
}

homepage.spec.js

'use strict';

var util = require('./util');

describe('Homepage test suite', function () {

  it('should navigate to homepage', function() {
    return util.navigateAndWait('/homepage');
  });

  it('should display title with correct data', function() {
    expect(element(by.css('h1')).getText()).toBe('Welcome');
  });

});