Test if selector is clickable and goes to the correct page

[boerewors]

I am totally new to testcafe and was wondering if anyone can help me with information how to test if a web element is clickable as a link and if the correct page is navigated to once clicked.

[helen-dikareva]

Hello @boerewors

Here is the sample:

import { Selector, ClientFunction } from 'testcafe';

fixture `fixture`
    .page `http://localhost/testcafe`;

const getUrl = ClientFunction(() => {
    return document.location.href;
});

test('test', async t => {
    await t
        .click(Selector('a').withText('NEXT'))
        .expect(getUrl()).eql('http://expected_url');
});

You should use your own Selector for element, take a look at our documentation about Selectors.

[boerewors]

Thank you so much! This is exactly what I need. I am totally new to programming in general and to JS specifically so the documentation is a monster to even make sense of. Exact examples into my context helps tremendously and also allows me to learn by doing.

Thank you so so so so very much!

PS: is this the right place for me to ask basic questions like this?

[helen-dikareva]

I'm glad to hear that the example meets your needs.

I am totally new to testcafe and was wondering if anyone can help me with information how to test if a web element is clickable as a link and if the correct page is navigated to once clicked.

Yes, you can ask any questions on our forum.