What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
To measure which buttons, links, forms, and other interactive elements Cypress tests exercise, use Cypress UI Coverage. It reports on UI interactions using Test Replay data in Cypress Cloud; it does not require source-code instrumentation, a coverage plugin, or test changes to get started. If by “coverage” you mean which source-code statements, branches, and functions ran, use the separate Istanbul-based code-coverage workflow instead.
First, clarify what “element coverage” means
Cypress documentation distinguishes UI Coverage from traditional source-code coverage. They answer different questions and produce different kinds of evidence.
| Measure | What it counts | Setup and result |
|---|---|---|
| UI Coverage | Interactive UI elements tests interacted with, such as buttons, links, forms, and pages. | Uses Test Replay data in Cypress Cloud. No application instrumentation or coverage plugin is needed to get started. Cypress describes UI Coverage. |
| Source-code coverage | Application statements or lines, branches, and functions that executed. | Instrument the application, collect browser coverage with @cypress/code-coverage, and generate reports such as static HTML reports. |
An Istanbul percentage does not tell you which DOM controls tests exercised. Conversely, UI Coverage does not replace source-level reports when you need execution data for code.
Measure interactive element coverage with Cypress UI Coverage
For the literal question “How do I measure element coverage in Cypress?”, start with UI Coverage. Its documented setup is based on Test Replay data in Cypress Cloud, rather than Istanbul instrumentation. Follow the official setup guide for the current account and project steps.
#1 Best Overall
- Valued Carpenter Pencil Set: You will get 2 pcs solid carpenter pencils with 26 piece 2.8 mm refills, 1 replaceable sharpener, 1 plastic storage box.The complete carpenter pencils combination allows you to finish your work faster and more easily
- Deep Hole Marker Pencil: The deep-hole construction pencils adopts 45mm elongated tip design, which is more convenient to mark in the small hole or in other tight areas that other carpenter markers cannot reach
- Carpenter Pencils with Sharpener: The sharpener is screwed into the top of the work pencil, which won't get lost either. Built-in pencil sharpener that keep the lead with pointed and smooth to Improves line of sight in fine work
- Stronger Solid Lead: This work pencil is matched with a 2.8 mm thick lead , which is much thicker and stronger during the drawing process of construction work, it will not break or damage easily
- Marks on Various Surfaces: 3 colors solid construction pencil can marks on various surfaces,such as metal, plastic, wood, paper etc. Ideals for woodworkers, contractors, craftsmen, builders, merchants and masons
Refine what the report includes
Once the basic report is available, configuration can help exclude third-party or irrelevant interface elements, organize views, and define which interactions count. Use the UI Coverage configuration guide for those filters and interaction rules. This is useful when an unfiltered report includes UI outside your application’s intended test scope.
Interpret the report as a way to find controls or flows that tests have not exercised, not as a standalone quality score. For example, an uncovered checkout control may point to a missing test path; the percentage alone does not establish whether existing assertions would catch a defect.
Rank #2
- Ergonomically Designed: Work in tight areas with a compact design that gets into tough spots
- Compact and Lightweight: Both tools are designed to fit into difficult to reach spaces. The 1/4" impact driver has a length of 5.55 in. and weighs just 2.8 lbs, while the 1/2" drill/driver measures only 7.5 in. and weighs 3.6 lbs
- Both the DEWALT impact driver and electric drill driver feature integrated LED work lights with a convenient 20-second delay, ensuring enhanced visibility in dimly lit or challenging work areas
- One-Handed Loading - Keep one hand free with a 1/4 in. hex chuck that accepts 1 in. bit tips
- Power drill cordless with 1/2" single sleeve ratcheting chuck provides tight bit gripping strength, making bit changes faster and more secure
Measure source-code coverage with Istanbul
If the goal is to see executed application statements, branches, and functions, instrument the app before Cypress runs it in the browser. Cypress does not instrument application code itself, and @cypress/code-coverage collects and reports coverage rather than performing the instrumentation. The Cypress code-coverage guide documents Babel/Istanbul and Vite setup options.
- Instrument the application build. In a Babel pipeline, the guide demonstrates
babel-plugin-istanbul; for Vite, it demonstratesvite-plugin-istanbul. Scope instrumentation to application source, exclude generated or irrelevant files, and preserve source maps where the build supports them. The Vite configuration can filter included and excluded paths and file extensions, and can be enabled conditionally for CI. - Install and configure the collector. Add
@cypress/code-coverageas a development dependency. Import@cypress/code-coverage/supportfrom the E2E support file and register the plugin task insetupNodeEventsin the Cypress configuration, returning the configuration object as shown in the official guide. - Run Cypress against the instrumented app. The browser should expose coverage data at
window.__coverage__. The collector merges data from test runs and uses nyc to create reports. The maintained cypress-io/code-coverage repository describes output in.nyc_outputandcoverage/lcov-report. - Open the generated report. Use the static HTML output to inspect uncovered files and lines, then examine missed branches and critical flows rather than treating a single aggregate percentage as a quality guarantee.
Example Cypress configuration shape
The names below show where the collector task belongs; retain your existing support-file and testing configuration. Consult the official guide for complete configuration examples for your Cypress version and bundler.
Rank #3
- 【Great Compatibility】This Katerk 1/4 inch hex shank bit holder is specifically designed for 1/4 inch hex shank drill bits. It's compatible with most 1/4 fast hex handles, hex sockets, various electric screwdrivers, and handheld screwdrivers. The bit holder makes it a valuable addition for any handyman.
- 【Secure and Safe】Built with a secure backup nut design, each drill bit holder securely locks onto your bits, ensuring they stay firmly in place. Additionally, our bit holder incorporates a high-quality steel ball rolling design that holds up to several kilograms of weight, ensuring your various drill bits don't fall off.
- 【Easy One-Handed Operation】The bit holder for impact driver allows you to change bits single-handedly, simplifying your workflow. Its multi-color design further allows for quick identification of the drill bit you need.
- 【Compact and Convenient】Thanks to its compact size, this 1/4 inch bit holder is easy to carry around. The bit holder allows for easy attachment to various tools, making this a convenient addition to your construction accessories. The Katerk bit holder is cast from high-quality alloy material, promising a long product lifespan. Despite its rugged strength, the bit holder remains lightweight, making it portable.
- 【Cool Christmas Gift For Men Stocking Stuffers】 This screwdriver bit holder, driver bit holder, impact bit holder, can be given as a gift to your loved one, especially for anyone involved in construction or electrical work. It's a must-have for stocking stuffers for men and women, tools gifts for dad, tech gadgets for men, gifts for dad, gifts for him, gifts for husband, gifts for boyfriend, cool gadgets for men, and cool gifts for dad.
const { defineConfig } = require('cypress');
const coverage = require('@cypress/code-coverage/task');
module.exports = defineConfig({
e2e: {
setupNodeEvents(on, config) {
coverage(on, config);
return config;
},
},
});In the E2E support file, add:
import '@cypress/code-coverage/support';These collector additions do not instrument the app. The application build must already be instrumented for browser coverage to appear.
Include component tests and backend code when needed
Component testing
Component runs need the support import in the component support file too; an E2E-only import will not collect component coverage. Register the task in the relevant Cypress configuration. With Vite, configure the Vite Istanbul plugin for the component dev server; with Webpack, configure Babel/Istanbul in the component testing dev server. See the Cypress guide for the framework-specific wiring.
Rank #4
- Long Nib and Deep Hole Marker: Our mechanical carpenter pencil with 45mm nib is designed for easy marking of deep holes or narrow areas. These construction pencils are the great choice for woodworking tools, construction tools, carpenter tools, contractor tools, wood carpentry tools and architect tools
- Extra Refills in 2 Colors for Versatile Marking: The construction mechanical pencil comes with 12 extra 2.8mm refills, including 6 red and 6 black refills. The black refill is suitable for light surfaces, while the red wax is perfect for dark surfaces. Our carpenter mechanical pencil makes sure that you'll have an ample supply for extended use
- Built-in Sharpener: Our construction pencil comes with a built-in sharpener to ensure the mechanical pencil tip is always sharp and ready for use. Never buy an extra pencil sharpener again. A great tool for any woodworker pencil, contractor pencils. The refill can easily be extended or retracted with a simple click of the pencils mechanical, allowing you to work more efficiently and accurately
- Portable Clip Design: Our deep hole construction pencil features a portable clip design, easy to carry and attach to your pocket or tool box, so that you can keep the carpenter pencils mechanical close at hand, making it a convenient tool to have on the go. Great gifts choice for carpenters
- Stronger Pencil Lead: The black refills are made of lead, sturdy and smooth. The red refills are made of wax, clear and light. These marking pencils are much thicker and stronger than normal pencils during the marking process of construction work, suitable for various surfaces, such as glasses, metal, boards, floors, walls, furniture, etc. The written marks can be easily wiped with a wet paper towel when needed
Backend coverage
Backend code needs separate instrumentation and exposure of its coverage object, for example through middleware or an endpoint. The Cypress collector can merge that data when configured with env.codeCoverage.url. Keep any endpoint that exposes coverage data limited to an appropriate local or test environment.
Keep source coverage scoped to the app
- Set include and exclude patterns so reports cover application source rather than dependencies or generated output. The documented nyc and Babel paths do not instrument
node_modules. - If Jest or another runner also instruments code, keep the Cypress instrumentation configuration separate where needed; Cypress documentation demonstrates a separate Babel environment to avoid duplicate Istanbul plugin configuration.
- Use uncovered critical branches and user flows to decide where further tests add value. No universal coverage percentage establishes that a test suite is adequate.
Troubleshoot missing or misleading coverage
- No source coverage appears: verify the app served to Cypress was built with instrumentation. Installing the collector alone is insufficient.
- The browser has no coverage object: inspect the application-under-test frame for
window.__coverage__. If it is absent, check that the instrumented build is the one Cypress actually loaded. - The collector does not run: confirm both the support import and Node task registration are present in the configuration used for that test run.
- Component results are missing: add the support import to the component support file and instrument the component dev-server pipeline, not only the E2E server.
- Reports include irrelevant files or miss app files: review instrumentation include/exclude globs and extensions; ensure they match application source.
- Coverage seems duplicated across test runners: check whether Jest or another runner applies Istanbul too, and separate the Cypress Babel environment as appropriate.
- You need interaction coverage, not executed lines: use UI Coverage. Instrumentation and Istanbul reports answer the source-code question, not which interface elements users’ tests touched.
Or skip the browser setup
ScreenshotNeo is a separate website screenshot API, not a Cypress coverage collector: it will not measure UI interactions or source-code execution. If you also need a clean visual capture of a page outside the coverage workflow, one GET request can return an image or PDF. For example, this cURL request saves a WebP screenshot:
The Tool Desk
Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →Outbyte Driver Updater FREEFix the driver behind crashes, sound loss and screen glitchesFind Drivers →Quick Recap
Best Value
- Milwaukee Ink all Fine Point Marker, Black, 4 Per Pack
- 4 per pack Features Clog Resistant Marker Tip Writes through Dusty, Wet and Oily Surfaces Durable Marker Tip for Writing on Concrete, OSB and Rough Surfaces
- Clog resistant tip writes on dusty, wet and oily surfaces and is optimized for rough surfaces such as OSB, cinderblock and concrete
- Hard hat clip- attaches for easy access
- Quick dry time with reduced smearing and marking
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpSee the ScreenshotNeo API documentation for parameters and response details. ScreenshotNeo removes cookie banners, newsletter popups, and chat widgets before capture; bot checks, blank pages, and failed loads are not billed. It also has an MCP server for AI agents, and its free plan includes 1,000 screenshots per month with no card; paid plans start at $5 for 3,000. Learn about ScreenshotNeo or sign up free.
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
