メイン コンテンツへスキップ
バージョン: 22.5.0

Coverage クラス

Coverage クラスは、ページによって使用された JavaScript と CSS の一部に関する情報を収集するためのメソッドを提供します。

シグネチャ:

export declare class Coverage

備考

Istanbul で利用可能な形式でカバレッジを出力するには、Istanbul をご覧ください。puppeteer-to-istanbul

JavaScript と CSS カバレッジを使用して、最初に実行されたコードのパーセントを取得する例

// Enable both JavaScript and CSS coverage
await Promise.all([
page.coverage.startJSCoverage(),
page.coverage.startCSSCoverage(),
]);
// Navigate to page
await page.goto('https://example.com');
// Disable both JavaScript and CSS coverage
const [jsCoverage, cssCoverage] = await Promise.all([
page.coverage.stopJSCoverage(),
page.coverage.stopCSSCoverage(),
]);
let totalBytes = 0;
let usedBytes = 0;
const coverage = [...jsCoverage, ...cssCoverage];
for (const entry of coverage) {
totalBytes += entry.text.length;
for (const range of entry.ranges) usedBytes += range.end - range.start - 1;
}
console.log(`Bytes used: ${(usedBytes / totalBytes) * 100}%`);

コンストラクタ

コンストラクタ修飾子説明
(constructor)(client)Coverage クラスの新しいインスタンスを構築します。

メソッド

メソッド修飾子説明
startCSSCoverage(options)
startJSCoverage(options)
stopCSSCoverage()すべてのスタイルシートのカバレッジレポートの配列に解決するPromise。
stopJSCoverage()すべてスクリプのカバレッジレポートの配列に解決するPromise。