Testcafe doesn\'t wait text to be rendered

Question

  + expected - actual
  
  -sign.up 
  +Sign up now

Im having this issue while asserting a text. It works if I add a wait delay before. Even though Im using visibilityCheck:true on this selector, it won't wait.

Is there something I can do to avoid manually adding waits?

test("Loads the app in english by default", async (t) => {
  await t.wait(20000);
  const signupText = await signUpPage.signupLink.with({
    visibilityCheck: true,
  })();
  await t.expect(signupText.textContent).eql("Sign up now ");
});

Answer 1

You can use assertion timeout:

await t.expect(Selector('h1').innerText).eql('text', 'check element text', { timeout: timeoutValue });