TestCafe visibilityCheck не дожидается появления элемента

Question

Я пытаюсь заставить TestCafe дождаться появления элемента в dom. В настоящее время я использую {visibilityCheck: true}, но похоже, что он ничего не делает, и время ожидания теста истечет, и он будет считаться неудачным.

Цели:

1. Go для страница
2. Дождитесь загрузки searchIconElement

Код:

fixture`Library /all`.page(page.libraryScreen).beforeEach(async t => {
  await t.useRole(page.adminUser);
});

test('Search Bar', async t => {
  const searchIcon = Selector('div').withAttribute('class', 'CampaignsPage-fab1');
  const searchIconElement = searchIcon.with({ visibilityCheck: true })();
  const microAppNameInput = Selector('input').withAttribute('placeholder', 'Search');
  const microAppTitle = Selector('div').withAttribute('class', 'SetCard-title ').innerText;
  
  await t
    .click(searchIconElement)
    .typeText(microAppNameInput, testMicroAppTitle)
    .expect(microAppTitle)
    .eql(testMicroAppTitle);
});

Answer 1

попробуйте добавить таймаут

const searchIconElement = searchIcon.with({ visibilityCheck: true }).with({ timeout: 10000 });

Answer 2

Когда селектор передается в тестовое действие в качестве идентификатора целевого элемента, целевой элемент должен быть видимым независимо от параметра visibilityCheck. Если целевой элемент становится видимым слишком поздно, вы можете попробовать увеличить селектор таймаут .