Protractor find an element by tag inside a div

Question

I've got a div in an HTML Page of which the name is always known and inside this div there is an href, the details of which are not known. It could be the direct child of the parent or it could be a further grandchild. Looks something like this:

<div class="divName">
    ...
        <a href="some url">some text</a>
    ...
</div>

I know that there will only be one link within this div, so I want to find the one link and click it.

I've tried the following but it doesn't seem to be working:

    element(by.classname('divName')).find('a').click();

Any ideas?

Answer 1

element(by.css('.divName a')).click();

Or the shorter notation:

$('.divName a').click();

Answer 2

One line answer

try with element('.divName a').click();

Answer 3

it seems sytax error in your code

use this

element(by.className('divName')).find('a').click();

Answer 4

figured out a solution:

ptor.findElement(protractor.By.className('clsName'))
    .findElements(protractor.By.tagName('a'))
    .then(function(links){
        links[0].click();
        //place expects here, otherwise it will run async and your expects will be hit 
        //before the lookup
});

This seems to work pretty well for my purposes