mirror of
https://github.com/puppeteer/puppeteer
synced 2024-06-14 14:02:48 +00:00
c4803e4a37
🤖 I have created a release *beep* *boop* --- <details><summary>ng-schematics: 0.1.0</summary> ## 0.1.0 (2022-11-23) ### Features * **ng-schematics:** Release @puppeteer/ng-schematics ([#9244](https://github.com/puppeteer/puppeteer/issues/9244)) ([be33929](be33929770)) </details> <details><summary>puppeteer: 19.3.0</summary> ## [19.3.0](https://github.com/puppeteer/puppeteer/compare/puppeteer-v19.2.2...puppeteer-v19.3.0) (2022-11-23) ### Miscellaneous Chores * **puppeteer:** Synchronize puppeteer versions ### Dependencies * The following workspace dependencies were updated * dependencies * puppeteer-core bumped from 19.2.2 to 19.3.0 </details> <details><summary>puppeteer-core: 19.3.0</summary> ## [19.3.0](https://github.com/puppeteer/puppeteer/compare/puppeteer-core-v19.2.2...puppeteer-core-v19.3.0) (2022-11-23) ### Features * **puppeteer-core:** Infer element type from complex selector ([#9253](https://github.com/puppeteer/puppeteer/issues/9253)) ([bef1061](bef1061c06)) * **puppeteer-core:** update Chrome launcher flags ([#9239](https://github.com/puppeteer/puppeteer/issues/9239)) ([ae87bfc](ae87bfc2b4)) ### Bug Fixes * remove boundary conditions for visibility ([#9249](https://github.com/puppeteer/puppeteer/issues/9249)) ([e003513](e003513c0c)) </details> --- This PR was generated with [Release Please](https://github.com/googleapis/release-please). See [documentation](https://github.com/googleapis/release-please#release-please). Co-authored-by: release-please[bot] <55107282+release-please[bot]@users.noreply.github.com>
60 lines
2.2 KiB
Markdown
60 lines
2.2 KiB
Markdown
---
|
|
sidebar_label: Coverage
|
|
---
|
|
|
|
# Coverage class
|
|
|
|
The Coverage class provides methods to gathers information about parts of JavaScript and CSS that were used by the page.
|
|
|
|
#### Signature:
|
|
|
|
```typescript
|
|
export declare class Coverage
|
|
```
|
|
|
|
## Remarks
|
|
|
|
To output coverage in a form consumable by [Istanbul](https://github.com/istanbuljs), see [puppeteer-to-istanbul](https://github.com/istanbuljs/puppeteer-to-istanbul).
|
|
|
|
## Example
|
|
|
|
An example of using JavaScript and CSS coverage to get percentage of initially executed code:
|
|
|
|
```ts
|
|
// 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 |
|
|
| -------------------------------------------------------------- | --------- | ------------------------------------------------------------ |
|
|
| [(constructor)(client)](./puppeteer.coverage._constructor_.md) | | Constructs a new instance of the <code>Coverage</code> class |
|
|
|
|
## Methods
|
|
|
|
| Method | Modifiers | Description |
|
|
| --------------------------------------------------------------------- | --------- | ----------- |
|
|
| [startCSSCoverage(options)](./puppeteer.coverage.startcsscoverage.md) | | |
|
|
| [startJSCoverage(options)](./puppeteer.coverage.startjscoverage.md) | | |
|
|
| [stopCSSCoverage()](./puppeteer.coverage.stopcsscoverage.md) | | |
|
|
| [stopJSCoverage()](./puppeteer.coverage.stopjscoverage.md) | | |
|