Задать вопрос
@wb_by
Учусь
модульное-тестирование

Как получить элемент со страницы в puppeteer?

У меня есть такой код:
import puppeteer from 'puppeteer';
import $ from 'jquery';

let page, browser, input;

const contentHtml = `<html><body><input id='test' type='text'></body></html>`;

beforeAll(async () => {
  browser = await puppeteer.launch();
  page = await browser.newPage();
  await page.setContent(contentHtml);
  await page.evaluate(() => {
    input = page.$('input#test');
    console.log(input);
  });
});

describe('View', () => {
  test('Input is defined', async () => {
    expect(input).toBeDefined();
  });
});

afterAll(() => {
  browser.close();
});

Я пытаюсь сформировать страницу из строки... Не знаю можно ли так вообще? Что здесь исправить, чтобы получить этот инпут? На console.log ругается вот этим:
<br>
Evaluation failed: ReferenceError: page is not defined<br>
<br>
      at __puppeteer_evaluation_script__:2:5<br>
      at ExecutionContext._evaluateInternal (node_modules/puppeteer/lib/cjs/puppeteer/common/ExecutionContext.js:217:19)<br>
      at ExecutionContext.evaluate (node_modules/puppeteer/lib/cjs/puppeteer/common/ExecutionContext.js:106:16)<br>
      at Object. (src/plugin/tests/view.test.ts:12:3)<br>
  • Вопрос задан
  • 1761 просмотр
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
@d-sem
То, что происходит внутри page.evaluate, это аналог консоли браузера на странице.

Соответственно, в данном там нет не объекта page, ни $.

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

const puppeteer = require('puppeteer');
const contentHtml = `<html><body><input id='test' type='text'></body></html>`;

(async () => {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.setContent(contentHtml);
    const type = await page.evaluate(() => {
        return document.getElementById('test').type;
    }).catch(e => console.dir(e));
    console.dir(type);
    await browser.close();
})();
Ответ написан
5 комментариев
5 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик (ручное тестирование)
KAYABUSA
от 700 до 1 000 $
Ведущий QA-инженер
ЮГПА • Ростов-на-Дону
от 68 000 до 120 000 ₽
Инженер технической поддержки (тестирование)
Avanpost • Москва
от 100 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Пройти верификацию по лицу используя нейросеть, вебкамеру и эмулятор
25 апр. 2024, в 20:34
350000 руб./за проект
Доработка Django приложения и исправление ошибок конфигурации
25 апр. 2024, в 20:14
1000 руб./за проект
Завершение разработки проекта на CS2
25 апр. 2024, в 20:02
100000 руб./за проект
Ещё заказы