2.9 KiB
sidebar_label |
---|
Coverage |
Coverage class
The Coverage class provides methods to gather information about parts of JavaScript and CSS that were used by the page.
Signature:
export declare class Coverage
Remarks
To output coverage in a form consumable by Istanbul, see puppeteer-to-istanbul.
Example
An example of using JavaScript and CSS coverage to get percentage of initially executed code:
// 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}%`);
Constructors
Constructor |
Modifiers |
Description |
---|---|---|
Constructs a new instance of the |
Methods
Method |
Modifiers |
Description |
---|---|---|
Remarks: Anonymous scripts are ones that don't have an associated url. These are scripts that are dynamically created on the page using | ||
Promise that resolves to the array of coverage reports for all stylesheets. Remarks: CSS Coverage doesn't include dynamically injected style tags without sourceURLs. | ||
Promise that resolves to the array of coverage reports for all scripts. Remarks: JavaScript Coverage doesn't include anonymous scripts by default. However, scripts with sourceURLs are reported. |