JQuery найти (). фильтр () эквивалент в Puppeteer

Question

У меня есть этот код в jQuery:

$(iframe).find('input[type=text]').filter(':visible:first').val("abc");

Я пытался сделать это в Puppeteer следующим образом:

const iframe = await page.frames().find(f => f.name() === 'iframe');
var inputText = await iframe.$('input[type=text]').filter(':visible:first');
await inputText.focus();
await page.keyboard.type("abc");

Я получил следующую ошибку:

iframe.$(...).filter is not a function

Я также пытался использовать iframe. $$, но получил те же результаты.

ОБНОВЛЕНИЕ:

Моя последняя цель - воспроизвести этот jQuery:

$(iframe).find('select').filter(':visible').eq(1);

Answer 1

$ для jQuery и $ для кукловода не имеет никакого отношения.Вам нужно внедрить jQuery и оценить скрипт на странице.

Чтобы внедрить jQuery из cdn,

await page.addScriptTag({url: 'https://code.jquery.com/jquery-3.4.1.min.js'});

Чтобы вставить локальный jQuery,

await page.addScriptTag({path: require.resolve('jquery')});

Итогда ваш код обычно с page.evaluate,

await page.evaluate(()=>{
  // get the body inside iframe
  const iframe = $("YourSelector").contents().find("body");

  // run your code
  $(iframe).find('input[type=text]').filter(':visible:first').val("abc");
})