Первопричина

В следующей строке кода есть опечатка:

expect(await queries.findAllByText($document, 'tutorials"')).toBeTruthy();

Обратите внимание на «лишние» двойные кавычки: 'tutorials"'.

Обратите внимание, что сообщение об ошибке также содержит «лишнюю» двойную кавычку:

Оценка не удалась: ошибка: не удалось найти элемент с текстом: учебники». Это может быть связано с тем, что текст разбит на несколько элементов. В этом случае вы можете предоставить функцию для вашего текстового сопоставителя, чтобы сделать его более гибким.

Решение

Исправьте строку, убрав «лишнюю» двойную кавычку:

expect(await queries.findAllByText($document, 'tutorials')).toBeTruthy();

Было бы лучше извлечь и повторно использовать константу. Например:

<…>
const searchInputString = 'tutorials';
await $searchInput.type(searchInputString);
<…>
expect(await queries.findAllByText($document, searchInputString)).toBeTruthy();
<…>

Ответы на вопросы

Вопрос 1

Как получить значение ввода после ввода?

как я могу получить значение из searchInput?

Метод Page.evaluate() можно использовать для получения значений свойств элемента.

Например, чтобы получить значение свойства value элемента ввода:

const expectedSearchInputValue = 'tutorials';
await $searchInput.type(expectedSearchInputValue);

const searchInputValue = await page.evaluate(element => element.value, $searchInput);
console.info("Search input value:", searchInputValue);
expect(searchInputValue).toEqual(expectedSearchInputValue);

Обратите внимание на аргумент вызова метода Page.evaluate() — стрелочную функцию.

• Параметр element функции стрелки является экземпляром интерфейса HTMLInputElement, поскольку дескриптор элемента соответствует элементу ввода.

Дополнительные ссылки

• Тесты, которые могут служить примерами. pptr-testing-library/extend.test.ts в v0.7.0 · testing-library/pptr-testing-library
• Тесты, которые могут служить примерами. кукольник/evaluation.spec.ts в версии 17.1.3 · кукловод/кукловод.
• Дополнительный связанный метод. Метод Page.evaluateHandle().

Вопрос 2

а почему searchInput в пустом объекте?

Так как:

• Переменная $searchInput содержит экземпляр класса ElementHandle.
• По сути, это просто дескриптор, а не сам элемент.

**Hope it helps,
Just set the value of input like this:(Example**

await page.$eval('#email', el => el.value = '[email protected]');

**Here is an example of using it on Wikipedia:**

const puppeteer = require('puppeteer');

(async () => {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.goto('https://en.wikipedia.org', {waitUntil: 'networkidle2'});

    await page.waitFor('input[name=search]');

    // await page.type('input[name=search]', 'Adenosine triphosphate');
    await page.$eval('input[name=search]', el => el.value = 'Adenosine triphosphate');

    await page.click('input[type = "submit"]');
    await page.waitForSelector('#mw-content-text');
    const text = await page.evaluate(() => {
        const anchor = document.querySelector('#mw-content-text');
        return anchor.textContent;
    });
    console.info(text);
    await browser.close();
})();

Thank You!!