How to validate the URL in the <a href ...> via Selector function?

anon57523501 2018-04-26 00:14:43 UTC #1

Hello - new user of TestCafe here. I'm looking to validate a URL value that is present in <a href=
"http://..."> , but cannot seem to identify the correct method/property of the Selector function to test for the value.

For example, to validate that the URL in the "Store" link from the www.google.com page (<a href="https://store.google.com/?...'), I have the following assertion but am not sure what method/property to use: <pre><code> .expect(Selector('#hptl > a:nth-child(1)').something).contains('store.google.com')</code></pre> Can someone point me in the right direction? Thanks!

anon65528621 2018-04-26 07:22:56 UTC #2

Hello @TPS_Reports
This will work

await t.expect(await Selector('a').getAttribute('href')).contains('store.google.com');

anon57523501 2018-04-27 00:23:24 UTC #3

@hikarulk - thanks for the reply! Your code snippet works for when the "a href" is the first element on the page ... in this example, the 'Store' link comes after the 'About' link. I'm thinking I need to navigate/iterate thru the elements until I get to the one I want (possibly using an index?).

Still working my way through the syntax, so appreciate the assistance.

Thanks again.

anon65528621 2018-04-27 08:41:31 UTC #4

@TPS_Reports
Thanks for responding,

Yes. The Selector in my snippet is just a sample.
Then, you're having problem with selector, right?
Could you post your html which contains that "a href" element?

sure it's possible.

These may be helpful

# html
<html>
  <div id = "footer">
    <a href = "someUrl">About</a>
    <a href = "store.google.com/abc/xyz">Store</a>
  </div>
</html>

# testcafe
// get href value of "a" element by index
const x = await Selector('a').nth(1).getAttribute('href');

// get href value of "a" element by inner text
const x = await Selector('a').withText('Store').getAttribute('href');

// restrict the scope in case you has more "a href" element
const x = await Selector('#footer').find('a').nth(1).getAttribute('href');