使用 CodeceptJs + Puppeteer 测试元数据

【问题标题】：Test meta data with CodeceptJs + Puppeteer使用 CodeceptJs + Puppeteer 测试元数据
【发布时间】：2020-08-02 13:52:04
【问题描述】：

我似乎在官方文档或任何地方都找不到关于此的任何信息，我想测试我的网站是否在标题中包含所有正确的元标记和 OG 数据。

CodeceptJs 和 Puppeteer 可以做到吗？

【问题讨论】：

标签： e2e-testing codeceptjs

【解决方案1】：

您可以使用seeElementInDOM 方法在 DOM 中查找元素。

或者您可以使用 grabSource 获取页面 HTML 源代码并将元标记检查为包含在该源代码中的字符串

【讨论】：

【解决方案2】：

使用助手解决了它

class CustomHelper extends Helper {

  async getPageOGTitle() {
    const page = this.helpers['Puppeteer'].page;
    const description = await page.$eval(
      "head > meta[property='og:title']",
      element => element.content
    );
    return description;
  }

}

然后在我的测试中使用它

Scenario('Page Have OG title', async I => {
  const OGTitle = await I.getPageOGTitle();
  console.log(OGTitle);
});

【讨论】：