Используя кипарис, как я могу проверить, загрузилось ли фоновое изображение?

Question

Написание моего первого теста на кипарис в сочетании с визуальным тестером Percy. Я загружаю свою целевую страницу, проверяю несколько ссылок, а затем делаю снимок перси. Проблема в том, что фоновое изображение не загружается в моментальном снимке.

Я могу заставить его появиться, искусственно ожидая, прежде чем сделать снимок, но я бы предпочел иметь утверждение кипариса, чтобы проверить это.

Вот код:

.bg-hero { @include image("/images/background/landing.jpg", center); }

Вот HTML: <div class="bg-hero bg top-header bg-header-top" id="#"></div>

Я пытался: cy.get('.bg-hero').should('be.visible');

В настоящее время использую: cy.wait(3000);

спасибо

Answer 1

Проблема была с Перси, а не с Кипарисом. Мне пришлось изменить настройки так, чтобы Перси подождал еще немного. Документы командной строки Percy ссылаются на настройку тайм-аута простоя сети . Спасибо Робу Перси за то, что поставил меня на это. Это сделало мое визуальное тестирование намного более надежным.

Answer 2

Вы можете использовать команду Route как это

cy.route('imageURL').as('image')
cy.wait('@image')
cy.get('.bg-hero').should('be.visible');