无法获取元数据选择器文本

Question

这是一个重复的问题 node js puppeteer metadata 在写这个问题时，我没有足够的声誉来评论这个问题。我正在为一个项目编写一些测试脚本，我想测试一些 seo 元数据标签。

我在 chrome 开发工具中检查了我的选择器，它工作正常。

document.querySelectorAll("head > meta[name='description']")[0].content;

我收到数据没问题

但是当我试图让它在我的测试脚本中工作时，我似乎无法控制选择器。

describe('guest jobs page', function () {
    const {expect} = require('chai');

    let page;

    before(async function () {
        page = await browser.newPage();
        await page.goto('https://page');
    });

    after(async function () {
        await page.close();
    })

    it('should have the correct page title', async function () {
        expect(await page.title()).to.eql('page - Jobs');
    });

    it('should have the correct page description', async function () {
        const DESCRIPTION_SELECTOR = "head > meta[name='description']";
        await console.log( await page.evaluate((DESCRIPTION_SELECTOR) => document.querySelectorAll(DESCRIPTION_SELECTOR)));
        expect(await page.$eval(DESCRIPTION_SELECTOR, element => element.textContent)).to.eql('page description content');
//this fails as no content is returned
//AssertionError: expected '' to deeply equal 'page description content'

    });
});

任何帮助将不胜感激，我不知道如何在不发表评论的情况下将这个问题附加到上一个问题上，所以如果有人能启发我，我也将非常感激。谢谢。

Answer 1

我相信 console.log 会是空的，因为 DESCRIPTION_SELECTOR 在 page.evaluate.

中未定义

为了在 page.evaluate 中使用主脚本中的变量，必须明确地将其传递给评估函数：

await page.evaluate(DESCRIPTION_SELECTOR => document.querySelectorAll(DESCRIPTION_SELECTOR), DESCRIPTION_SELECTOR);

这是因为page.evaluate在一种沙箱中运行，只能访问在puppeteer打开的网页上声明的函数和变量（所谓的"page context"） .由于该页面没有 DESCRIPTION_SELECTOR，我们必须在要评估的函数之后将其传递到 page.evaluate 的参数中。另见：documentation

至于page.$eval，它returns空字符串，因为meta标签中没有textContent，你只需要使用content:

page.$eval(DESCRIPTION_SELECTOR, element => element.content)

无法获取元数据选择器文本

Can't get metadata selector text

javascript

mocha.js

css-selectors

chai

puppeteer