Testcafe .parent() of Selector sporadically fails before timeout

Question

I have a TestCafe test that checks if a Selector's parent exists and somehow it fails every other time. Here's the relevant code:

logWithTimestamp("Starts...");  // Prints "[2020-12-23T12:02:04.476Z] Starts..."
let state = await Selector('#indberetningsflow-knap-trin-stamdata', {timeout: 30000}).parent().exists;
logWithTimestamp(`State: ${state}`);  // Prints "[2020-12-23T12:02:04.618Z] State: false"
await t.expect(state).ok()  // Sometimes fails

As you can see, it fails after less than 200ms, even though the timeout is set explicitly to 30000. Now, I have an idea that maybe it fails when the selector is found, but the parent is not yet loaded. If this is true, why does TestCafe not wait for the parent to appear, and what can I do about it?

EDIT

I performed another experiment, and either there is something wrong with TestCafe or I have not understood something fundamental, but how can this fail after just 30ms?

logMedTidsstempel("Starts...");  // Prints "[2020-12-23T12:42:15.041Z] Starts..."
let state = await Selector('#indberetningsflow-knap-trin-stamdata', {timeout: 30000}).exists;
logMedTidsstempel("Found child."); // Prints "[2020-12-23T12:42:15.072Z] Found child."
await t.expect(state).ok();  // <- fails :(

Answer 1

To make your code example work, do the following:

1. Remove the await keyword from Selector
2. Remove the timeout option from Selector and pass it to the assertion method

...
let state = Selector('#indberetningsflow-knap-trin-stamdata').exists;
await t.expect(state).ok({timeout: 30000});
...

You may also wish to refer to the following help topic: https://devexpress.github.io/testcafe/documentation/guides/basic-guides/select-page-elements.html#selector-timeout