Как найти входные значения, которые создаются после загрузки веб-сайта?

Question

Я построил приложение с метеорным пламенем, и теперь я пытаюсь проверить его с помощью CodeceptJS. Проблема в том, что все мои поля ввода не имеют значений в режиме DOM (режим F12), но я вижу значения в браузере. В meteor я использую шаблонные помощники для чтения их из моей коллекции MongoDB и передаю их в пламя/пробелы. Поэтому метеорит записывает все значения с помощью JavaScript в режиме реального времени (после того, как сайт полностью загружен/сгенерирован).

У меня есть поле ввода со значением «codeceptjs». Но я не вижу его в режиме DOM (режим chrome: F12). Он показывает мне только это:

<div class="input"><input data-title type="text" title="Todo Title"></div> 

Однако в моем Метеор Blaze-файл я следующее:

<div class="input"><input data-title type="text" value={{title}} title="Todo Title"></div> 

Также JQuery не может найти их, потому что нет значения в DOM:

jQuery('input[value="codeceptjs"]').length 
0 

Как получить доступ к входному значению в реальном времени с помощью jQuery/codeceptjs без изменения рабочего приложения?

Answer 1

Предполагая, что в реальном времени вы понимаете, что значение добавляется после завершения загрузки веб-страницы (DOM). Если это так, вам нужно использовать селектор контекста JQuery.

jQuery('input[value="codeceptjs"]', '.input').length 

Answer 2

Во-первых, я думаю, что ваш jQuery, чтобы получить входное значение, неверен. Если ваше значение изменяется в поле ввода со значением «codeceptjs», то ваш селектор jQuery не найдет уже измененное значение. Который был бы, почему вы получили ноль с помощью селектора jQuery. Вход будет лучше выбран, придав ему идентификатор или значение имени, как, например:

<div class="input"><input id="codeceptjs" type="text" title="My Title"></div> 

Если добавить идентификатор к вашей входной метке, то вы можете получить длину строки в поле ввода, как это :

$('#codeceptjs').val().length;