Нужно ли ждать загрузки таблицы стилей, чтобы использовать селекторы CSS?

Question

Intro: В моем проекте мы используем CodeceptJS с драйвером Puppeteer , мы также используем конфигурацию waitForNavigation , установленную на DOMContentLoaded, которая не ожидает внешнегоресурсы для загрузки, включая таблицы стилей и изображения, для начала взаимодействия со страницей.

Вопрос: Учитывая, что таблицы стилей могут не загружаться, не сможет ли кукловод найти элементы с помощью селектора CSS?

Answer 1

Puppeteer найдет элементы с помощью селектора CSS, если элемент существует DOM.Не имеет значения, загружены CSS-файлы или нет.

Но ..

Если вы используете waitForSelector с опцией visible: true, Puppeteer будет ждать, пока элемент будет присутствовать вDOM и быть видимым, т.е. не иметь display: none или visibility: hidden свойств CSS.

https://pptr.dev/#?product=Puppeteer&version=v1.20.0&show=api-pagewaitforselectorselector-options