testcafe selector does not find 'div' elements

user_12291430 0
Viewed 616

I'm experiencing a very strange bug using testcafe. On one of my websites I'm not able to select div-elements but I'm still able to select other elements. So

await t.click(Selector("span").withAttribute('id', 'foo'));
await t.click(Selector("p").withAttribute('id', 'foo'));
await t.click(Selector("button").withAttribute('id', 'foo'));
await t.click(Selector("input").withAttribute('id', 'foo'));

works fine while

await t.click(Selector("div").withAttribute('id', 'foo'));

will throw the following error:

Function that specifies a selector can only return a DOM node, an array of nodes, NodeList, HTMLCollection, null or undefined. Use ClientFunction to return other values.

This only happens on one specific website of mine. What could this be? What could I have possibly done in my script to prohibit the testcafe selector to get "div" elements? Really out of ideas right now.

testcafe reactjs node.js css-selectors javascript
1 Answers

This issue can occur if you pass a function with an incorrect return value as a Selector argument:

test('Return non-DOM node', async () => {
    await Selector(() => 'hey')();
});

However, the error should not occur if you use string as a parameter to specify your selector. Please check that you do not pass a function to your Selector object.

If your Selector is defined correctly and the issue still appears, please share the example (html page or public url to your site) and your full test code to demonstrate the issue.

user_99943120
Related