Build toolBuild tooltypeRuns at build time. Nothing of it ships in the deployed application.See every one →What this type is →by SAPby SAPoriginPublished by SAP itself. A visible facet, never an input to a reading — a dormant official plugin reads exactly like a dormant independent one.See every one →
@ui5/middleware-code-coverage
UI5 CLI server middleware that instruments a project's JavaScript files with Istanbul as the dev server sends them, and generates the coverage report from the records the OpenUI5 QUnit tests send back.
Client-side code coverage needs the source instrumented before the browser runs the tests. This middleware intercepts every .js file before it is sent to the client and instruments it on the fly with Istanbul, creating a source map as it does. A test page swaps the QUnit coverage module qunit-coverage.js for qunit-coverage-istanbul.js, a file of the sap.ui.core library that collects the coverage records while the tests run and sends them to the middleware, which generates the report. Its options set the report type (html by default) and directory (./tmp/coverage-reports), the watermarks thresholds, excludePatterns and the instrumenter's settings. It is entered under server/customMiddleware in ui5.yaml, needs @ui5/cli@ui5/clicliThe UI5 Tooling command line for project setup, the local dev server and the build, which defines a UI5 project's shape and its two extension points, custom middleware and custom tasks.sap official, ui5 v3 and is meant for UI5 1.113 and above; @ui5/sample-app@ui5/sample-appsampleAn OpenUI5 sample app set up with the UI5 CLI: ESLint, UI5 linter and UI5 Test Runner checks, a standard and a self-contained build, and a UI5 workspace for developing against local UI5 libraries.sap official, ui5 lists it as a development dependency.
UI5 testingUI5UI5 testingcapabilityProving a UI still works — unit tests over controllers and formatters, integration tests that drive real controls, and end-to-end runs against a served app.Build and dev-server toolingUI5Build and dev-server toolingcapabilityServing an app locally and building it for deployment — proxying a backend, transpiling, bundling, and shaping the result for whatever will host it.
Requires
@ui5/cli@ui5/cliartifactThe dev server it plugs into as a custom server middleware; the README names UI5 CLI v3 as the minimum.
Who is behind it
UI5UI5OrganisationMaintains this In the atlas: maintains 8@UI5maintainerFrank WeigelPersonContributes to this In the atlas: contributes to 10@codeworriorYavor IvanovPersonContributes to this In the atlas: contributes to 17@d3xter666Tommy VinhPersonContributes to this In the atlas: contributes to 4@devtomtomFlorian VogtPersonContributes to this In the atlas: contributes to 50, wrote 2@flovogtMatthias OßwaldPersonContributes to this In the atlas: contributes to 29@matz3Max ReichmannPersonContributes to this In the atlas: contributes to 10@maxreichmannOpenUI5 BotPersonContributes to this In the atlas: contributes to 5@openui5botMerlin BeutlbergerPersonContributes to this In the atlas: contributes to 18, wrote 1@RandomByteGianluca BeilPersonContributes to this In the atlas: contributes to 6@werwolf23039 contributors
What it declares
Every artifact
Type
Build tool
Origin
By SAP
Runtime
Node.js
declared
As a build tool
Distributed through
npm
declared, How the tool is added to a project, as its documentation says., read npm install @ui5/middleware-code-coverage --save-dev — UI5/cli-extensions — middleware-code-coverage README, Install, 2026-10-19
Connections3
Group by
NodeRelationConditionBasis
Functional2
Build and dev-server toolingBuild and dev-server toolingcapabilityServing an app locally and building it for deploymentSAP and community, narrow by design
→provides
A custom server middleware for the UI5 CLI's dev server: it adds an HTTP endpoint and instruments every `.js` file on its way to the client.
provides Build and dev-server tooling
Functional, stated
For
A custom server middleware for the UI5 CLI's dev server: it adds an HTTP endpoint and instruments every `.js` file on its way to the client.
Basis
“The middleware adds an HTTP endpoint to the development server.”UI5/cli-extensions — middleware-code-coverage README, How It Works, checked “The custom middleware intercepts every `.js`-file before it is sent to the client.”UI5/cli-extensions — middleware-code-coverage README, How It Works, checked
stated
provides Build and dev-server tooling
Functional, stated
For
A custom server middleware for the UI5 CLI's dev server: it adds an HTTP endpoint and instruments every `.js` file on its way to the client.
Basis
“The middleware adds an HTTP endpoint to the development server.”UI5/cli-extensions — middleware-code-coverage README, How It Works, checked “The custom middleware intercepts every `.js`-file before it is sent to the client.”UI5/cli-extensions — middleware-code-coverage README, How It Works, checked
Serving an app locally and building it for deployment
UI5 testingUI5 testingcapabilityUnit, integration and end-to-end tests for UI5 appsSAP and community, narrow by design
→provides
Adds client-side coverage to the QUnit tests of a UI5 project: the middleware instruments the served `.js` files with Istanbul, the test page loads `qunit-coverage-istanbul.js` in place of `qunit-coverage.js`, and the middleware turns the records the tests send into a report.
provides UI5 testing
Functional, stated
For
Adds client-side coverage to the QUnit tests of a UI5 project: the middleware instruments the served `.js` files with Istanbul, the test page loads `qunit-coverage-istanbul.js` in place of `qunit-coverage.js`, and the middleware turns the records the tests send into a report.
Basis
“This makes it easy to enable client-side coverage determination.”UI5/cli-extensions — middleware-code-coverage README, opening, checked “Change the qunit coverage module `qunit-coverage.js` to `qunit-coverage-istanbul.js` in your test html files”UI5/cli-extensions — middleware-code-coverage README, OpenUI5 QUnit Integration, checked “After the tests are executed, `qunit-coverage-istanbul.js` sends this data to the middleware,”UI5/cli-extensions — middleware-code-coverage README, How It Works, checked
stated
provides UI5 testing
Functional, stated
For
Adds client-side coverage to the QUnit tests of a UI5 project: the middleware instruments the served `.js` files with Istanbul, the test page loads `qunit-coverage-istanbul.js` in place of `qunit-coverage.js`, and the middleware turns the records the tests send into a report.
Basis
“This makes it easy to enable client-side coverage determination.”UI5/cli-extensions — middleware-code-coverage README, opening, checked “Change the qunit coverage module `qunit-coverage.js` to `qunit-coverage-istanbul.js` in your test html files”UI5/cli-extensions — middleware-code-coverage README, OpenUI5 QUnit Integration, checked “After the tests are executed, `qunit-coverage-istanbul.js` sends this data to the middleware,”UI5/cli-extensions — middleware-code-coverage README, How It Works, checked
Unit, integration and end-to-end tests for UI5 apps
Technical1
@ui5/cli@ui5/clicliUI5 Tooling command line for project setup, dev server and buildsap official, ui5
→needs
The dev server it plugs into as a custom server middleware; the README names UI5 CLI v3 as the minimum.
needs @ui5/cli
Technical, stated
For
The dev server it plugs into as a custom server middleware; the README names UI5 CLI v3 as the minimum.
Basis
“This middleware requires UI5 CLI v3 and is meant for UI5 1.113 and above.”UI5/cli-extensions — middleware-code-coverage README, Requirements, checked
stated
needs @ui5/cli
Technical, stated
For
The dev server it plugs into as a custom server middleware; the README names UI5 CLI v3 as the minimum.
Basis
“This middleware requires UI5 CLI v3 and is meant for UI5 1.113 and above.”UI5/cli-extensions — middleware-code-coverage README, Requirements, checked
UI5 Tooling command line for project setup, dev server and build
The middleware adds an HTTP endpoint to the development server. For more information about the endpoints, see the API document.
The custom middleware intercepts every .js-file before it is sent to the client. The file is then instrumented on the fly, which includes the dynamic creation of a sourcemap.
The instrumented code and the sourcemap are subsequently delivered to the client instead of the original .js-file.
Integration
The middleware is integrated into OpenUI5 out of the box, but you are not limited by this. With the configuration and the public API, you can set up the middleware to suit your projects' needs.
OpenUI5 QUnit Integration
The qunit-coverage-istanbul.js (part of sap.ui.core library) file requests the instrumented source files by the middleware. While the tests are running, qunit-coverage-istanbul.js takes care of collecting and storing the coverage records into the window.__coverage__ global variable. After the tests are executed, qunit-coverage-istanbul.js sends this data to the middleware, which then generates the code coverage report. Afterwards, the code coverage is displayed on the test page.
Copyright 2026 SAP SE or an SAP affiliate company and UI5 CLI Extensions contributors. Please see our LICENSE.txt for copyright and license information. Detailed information including third-party components and their licensing/copyright information is available via the REUSE tool.
UI5 testingUI5 testingcapabilityProving a UI still works — unit tests over controllers and formatters, integration tests that drive real controls, and end-to-end runs against a served app.SAP and community, narrow by design
ui5-test-runnerui5-test-runnercliA standalone command line that runs a UI5 project's QUnit and OPA test pages in parallel browser instances, written for suites too large for one browser, and merges their coverage into one report.independent, ui5Command line running UI5 QUnit and OPA tests in parallelfrom UI5
ui5-middleware-odata-recorderui5-middleware-odata-recorderbuild-toolA UI5 server middleware that records the OData traffic a running app makes against a real backend and writes entity JSON files and metadata.xml that the Fiori elements mock server can replay.independent, ui5UI5 middleware recording OData traffic as mock server datasetsfrom UI5
jest-environment-ui5jest-environment-ui5packageA Jest test environment named ui5 that boots UI5 from a local HTML file into jsdom, so UI5 unit tests run in Node.js with no web server and no browser.independent, ui5Jest environment running UI5 unit tests in Node.jsfrom UI5
openui5-smart-mockserveropenui5-smart-mockserverpackageAn extended UI5 MockServer that generates meaningful mock data with Faker.js, from the metadata's sap:semantics annotations or from rules that map an OData property to a Faker method.independent, ui5UI5 MockServer extension generating mock data with Faker.jsfrom UI5
vitest-environment-ui5vitest-environment-ui5packageA Vitest environment named ui5 that boots UI5 from a local HTML file into jsdom, so UI5 unit tests run in Node.js with no web server and no browser.independent, ui5Vitest environment running UI5 unit tests in Node.jsfrom UI5
wdio-qunit-servicewdio-qunit-servicepackageA WebdriverIO service that runs QUnit HTML test pages in a browser and reports the results as WebdriverIO test suites, presented as a drop-in replacement for Karma-based QUnit setups.independent, ui5WebdriverIO service running QUnit test pagesfrom UI5
@openui5/sap.ui.core@openui5/sap.ui.corepackageThe OpenUI5 core: the module loader, the MVC runtime, data binding, routing, theming and the test stack, which is everything a UI5 app does before a single community package is added.sap official, ui5Framework core: module loader, MVC runtime, binding, routing, themingfrom UI5
karma-ui5-transpilekarma-ui5-transpilepackageA Karma preprocessor that transpiles a UI5 project's sources with the ui5-tooling-transpile configuration in its ui5.yaml.community org, ui5Karma preprocessor transpiling UI5 sources via ui5-tooling-transpilefrom UI5
ui5-journey-recorderui5-journey-recordergeneratorA Chrome extension that records clicks and inputs against a running UI5 app and generates OPA5 or wdi5 end-to-end test code from the recorded journey.community org, ui5Chrome extension generating OPA5 or wdi5 tests from recorded journeysfrom UI5
wdi5-cucumberwdi5-cucumberpackageA wdi5 plugin that extends wdi5's end-to-end testing with Cucumber-style BDD scenarios, run against UI5 Fiori Elements apps.community org, ui5wdi5 plugin for Cucumber-style BDD tests on Fiori Elements appsfrom UI5
wdi5-fe-selectorswdi5-fe-selectorspackageA set of wdi5-flavoured control selectors tuned for locating controls in Fiori Elements apps, extending the selectors wdi5 itself provides.community org, ui5wdi5 selectors for locating controls in Fiori Elements appsfrom UI5
wdio-ui5-servicewdio-ui5-servicepackageEnd-to-end testing for UI5 as a WebdriverIO service that drives a real browser through UI5's own test API, so a test addresses controls with OPA5-compatible selectors rather than DOM nodes.community org, ui5End-to-end testing for UI5 on WebdriverIO with UI5 control selectorsfrom UI5
vscode-ui5-odata-mock-generatorvscode-ui5-odata-mock-generatoride-extensionVS Code extension that generates JSON mock data files for an OData service from its metadata, with faker.js values, per-set sizes, value lists and values tied to other properties.independent, ui5VS Code extension generating OData mock data from service metadatafrom UI5
Build and dev-server toolingBuild and dev-server toolingcapabilityServing an app locally and building it for deployment — proxying a backend, transpiling, bundling, and shaping the result for whatever will host it.SAP and community, narrow by design
UI5 ToolsUI5 Toolside-extensionA VS Code extension for UI5 developers that serves, proxies, builds and deploys UI5 projects from one workspace-wide configuration, with live reload, a Gateway deployer and a BSP importer.independent, ui5VS Code extension to serve, proxy, build and deploy UI5 projectsfrom UI5
ui5-middleware-route-proxyui5-middleware-route-proxybuild-toolA UI5 server middleware that forwards requests matching a route prefix to a backend host, configured per route in ui5.yaml, with credentials read from a .env file rather than the yaml.independent, ui5UI5 server middleware proxying route prefixes to a backendfrom UI5
ui5-task-cachebuster-indexingui5-task-cachebuster-indexingbuild-toolA UI5 builder task that copies the build output into a timestamped folder inside dist so the UI5 cachebuster can resolve it; it supports timestamps only, not the hash mode.independent, ui5UI5 builder task preparing build output for the cachebusterfrom UI5
ui5-task-transpile-genui5-task-transpile-genbuild-toolA UI5 builder task that transpiles ES6 to ES5, including async/await, with Babel at build time, registered in ui5.yaml with a bundle definition that includes the regenerator runtime.independent, ui5UI5 builder task transpiling ES6 to ES5 with Babelfrom UI5
ui5-middleware-odata-recorderui5-middleware-odata-recorderbuild-toolA UI5 server middleware that records the OData traffic a running app makes against a real backend and writes entity JSON files and metadata.xml that the Fiori elements mock server can replay.independent, ui5UI5 middleware recording OData traffic as mock server datasetsfrom UI5
ui5-plugin-loaderui5-plugin-loaderbuild-toolA UI5 Tooling v4 extension that registers a project's other extensions itself: one entry in ui5.yaml, and every dependency carrying a ui5-plugin-loader.json manifest is mounted as middleware and as a build task.independent, ui5UI5 Tooling v4 extension that registers other extensionsfrom UI5
ui5-deployerui5-deployercliA custom module for UI5 Tooling that deploys Fiori/UI5 apps to SAP NetWeaver ABAP, SAP Cloud Platform Neo or Cloud Foundry, configured in a deployer section of ui5.yaml.independent, ui5UI5 Tooling module deploying Fiori/UI5 apps to SAP systemsfrom UI5
ui5-task-dts-generatorui5-task-dts-generatorbuild-toolA UI5 builder task that generates d.ts files, TypeScript type declarations, during the build of a UI5 library written in JavaScript, by wrapping @ui5/dts-generator.independent, ui5UI5 builder task generating d.ts type declarationsfrom UI5
ui5-task-minifierui5-task-minifierbuild-toolA UI5 builder task that minifies the HTML, CSS and JSON files the UI5 builder leaves as they are, with one switch per file type, using html-minifier-terser and clean-css.independent, ui5UI5 builder task minifying HTML, CSS and JSON filesfrom UI5
ui5-middleware-oidcui5-middleware-oidcbuild-toolA UI5 Tooling server middleware that puts an OpenID Connect login in front of the UI5 dev server, built on express-openid-connect, which receives its configuration block as written.independent, ui5UI5 dev server middleware adding an OpenID Connect loginfrom UI5
generator-ui5-library-af-deploygenerator-ui5-library-af-deploygeneratorA Yeoman generator that writes the SAP BTP Application Frontend deployment configuration, mta.yaml, ui5-deploy.yaml, xs-app.json and xs-security.json, into an existing UI5 library project.independent, ui5Yeoman generator for Application Frontend config in UI5 librariesfrom UI5
ui5-middleware-destinationui5-middleware-destinationbuild-toolA UI5 Tooling server middleware that proxies requests to backends named in WebIDE-style destination files and serves the routes of a neo-app.json, with Basic Authentication only.independent, ui5UI5 Tooling middleware proxying destinations and neo-app.json routesfrom UI5
ui5-task-check-eocpui5-task-check-eocpbuild-toolA UI5 builder task that matches the UI5 version in ui5.yaml against the versions retrieved from ui5.sap.com and warns during the build once that version's End of Cloud Provisioning quarter has been reached.independent, ui5UI5 build task warning when the app's UI5 version reaches EOCPfrom UI5
@ui5/cli@ui5/clicliThe UI5 Tooling command line for project setup, the local dev server and the build, which defines a UI5 project's shape and its two extension points, custom middleware and custom tasks.sap official, ui5UI5 Tooling command line for project setup, dev server and buildfrom UI5
ui5-task-btp-manifestui5-task-btp-manifestbuild-toolA UI5 Tooling custom task that writes the surrounding app's sap.cloud service name into the bundled Spreadsheet Importer's manifest at build time, so the two match on SAP BTP.community org, ui5UI5 Tooling task writing the service name into the importer manifestfrom UI5
ui5-middleware-approuterui5-middleware-approuterbuild-toolA UI5 CLI middleware that puts @sap/approuter in front of the UI5 dev server, proxying it to Cloud Foundry or XS Advanced destinations during development.community org, ui5UI5 CLI middleware proxying the dev server through @sap/approuterfrom UI5
ui5-middleware-capui5-middleware-capbuild-toolA UI5 CLI middleware that runs a CDS server inside the UI5 dev server, mounted at a path the UI5 project configures, so one command serves the app and its CAP services.community org, ui5UI5 CLI middleware running a CDS server inside the UI5 dev serverfrom UI5
ui5-middleware-hmrui5-middleware-hmrbuild-toolAn experimental UI5 middleware for hot module replacement, swapping a changed module in during development instead of reloading the whole page.community org, ui5Experimental UI5 middleware for hot module replacementfrom UI5
ui5-middleware-iasyncui5-middleware-iasyncbuild-toolA UI5 dev-server middleware built on browsersync.io that syncs user interactions across connected browsers over a websocket, replaying an action from one browser in the others for manual testing.community org, ui5UI5 middleware syncing interactions across browsers over websocketfrom UI5
ui5-middleware-indexui5-middleware-indexbuild-toolA UI5 dev-server middleware that delivers a configured welcome page, index.html by default, for the root path instead of the ui5-server directory listing.community org, ui5UI5 middleware serving a chosen welcome page at the root pathfrom UI5
ui5-middleware-livereloadui5-middleware-livereloadbuild-toolA dev-server middleware that adds live reload to the UI5 dev server, reloading the page when the sources in the app's webapp folder change.community org, ui5Live reload middleware for the UI5 dev serverfrom UI5
ui5-middleware-oneloginui5-middleware-oneloginbuild-toolA UI5 dev-server middleware that logs into a system such as SAP Gateway with headless Playwright on the first request and reuses the session cookie for every later request.community org, ui5UI5 middleware logging in with Playwright and reusing the sessionfrom UI5
ui5-middleware-serveframeworkui5-middleware-serveframeworkbuild-toolA UI5 middleware that serves a UI5 framework built on the local machine to the dev server, in place of a framework version resolved another way.community org, ui5UI5 middleware serving a locally built UI5 frameworkfrom UI5
ui5-middleware-servestaticui5-middleware-servestaticbuild-toolA UI5 dev-server middleware that serves static resources from a filesystem path or an installed npm package path, built on serve-static, with either path settable through an environment variable.community org, ui5UI5 middleware serving static resources from a path or npm packagefrom UI5
ui5-middleware-simpleproxyui5-middleware-simpleproxybuild-toolA UI5 dev-server middleware that proxies requests from the local dev server to a backend system, so the app can reach the backend's services during development.community org, ui5Dev-server middleware proxying requests to a backend systemfrom UI5
ui5-middleware-ui5ui5-middleware-ui5build-toolA UI5 middleware that lets one UI5 application be included as a dependency of another and served through that application's dev server.community org, ui5UI5 middleware including one UI5 application in anotherfrom UI5
ui5-middleware-webjarsui5-middleware-webjarsbuild-toolA UI5 dev-server middleware that loads JAR files from a configured path and serves the static resources bundled inside them, following the WebJars convention of META-INF/resources/.community org, ui5UI5 middleware serving static resources from JAR files (WebJars)from UI5
ui5-middleware-websocketui5-middleware-websocketbuild-toolUI5 middleware utilities that add WebSocket support to Express-based dev servers such as the UI5 server, which has no WebSocket channel of its own.community org, ui5WebSocket support for Express-based dev servers such as UI5'sfrom UI5
ui5-task-cachebusterui5-task-cachebusterbuild-toolA UI5 builder task that cachebusts a standalone UI5 application by moving its build output into a timestamped subfolder and pointing index.html's resource roots at it.community org, ui5UI5 builder task cachebusting standalone UI5 applicationsfrom UI5
ui5-task-copyrightui5-task-copyrightbuild-toolA UI5 builder task that appends copyright headers to TypeScript, JavaScript and XML files on every build, so the header is not added to each source file by hand.community org, ui5UI5 builder task appending copyright headers to source filesfrom UI5
ui5-task-flatten-libraryui5-task-flatten-librarybuild-toolA UI5 builder task that flattens a library's build output, removing the project namespace and resources folder for deployment to SAP NetWeaver, now also offered by the UI5 CLI itself.community org, ui5UI5 builder task flattening library output for SAP NetWeaverfrom UI5
ui5-task-i18ncheckui5-task-i18ncheckbuild-toolA UI5 builder task that cross-checks every XML view against the app's i18n properties files and logs a warning where a translation is missing; views created in JavaScript are not checked.community org, ui5UI5 builder task checking XML views for missing i18n textsfrom UI5
ui5-task-minify-xmlui5-task-minify-xmlbuild-toolA UI5 builder task that minifies XML resources such as views and fragments, which a plain UI5 build otherwise ships unminified.community org, ui5UI5 builder task minifying XML views and fragmentsfrom UI5
ui5-task-pwa-enablerui5-task-pwa-enablerbuild-toolA UI5 builder task that turns a UI5 application into a progressive web app by generating a web manifest and a service worker under one of five caching strategies.community org, ui5UI5 builder task turning a UI5 app into a progressive web appfrom UI5
ui5-task-zipperui5-task-zipperbuild-toolA build task for the UI5 tooling that packages the UI5 build result, the webapp, as a zip archive at the end of the build.community org, ui5Build task packaging the UI5 build result as a zip archivefrom UI5
ui5-tooling-lessui5-tooling-lessbuild-toolA UI5 CLI extension, a build task and a dev-server middleware, that compiles an app's Less files into CSS at build time and live while the UI5 server runs.community org, ui5UI5 CLI extension compiling Less files into CSSfrom UI5
ui5-tooling-modulesui5-tooling-modulesbuild-toolA set of UI5 tooling extensions that load and convert plain npm packages into UI5 AMD-like modules, so the UI5 module loader can consume them.community org, ui5UI5 tooling extensions loading npm packages as UI5 modulesfrom UI5
ui5-tooling-stringreplaceui5-tooling-stringreplacebuild-toolA UI5 CLI extension for string replacement during the build, for placeholders or tokens in source files that have to be replaced at build time.community org, ui5UI5 CLI extension for string replacement during the buildfrom UI5
ui5-tooling-transpileui5-tooling-transpilebuild-toolA UI5 CLI extension that transpiles modern JavaScript or TypeScript during the UI5 build, with a transformJSX option that handles JSX and TSX in the same step.community org, ui5UI5 CLI extension transpiling code during the UI5 buildfrom UI5
@ui5/logger@ui5/loggerpackageUI5 CLI's internal logger, described by its own readme as internal — it appears here because other UI5 tooling depends on it.sap official, ui5Internal logger of the UI5 CLIfrom UI5
@ui5/tooling-webc@ui5/tooling-webcbuild-toolDeprecated UI5 Tooling extensions that generate UI5 library wrapper projects for UI5 Web Components and serve them during development; the README points to ui5-tooling-modules instead.sap official, ui5Deprecated UI5 Tooling extensions for UI5 Web Components wrappersfrom UI5
