An npm initializer that adds wdi5 end-to-end testing to an existing UI5 application, installing WebdriverIO's peer dependencies, writing a wdio.conf file and setting an npm script.
Adding wdi5wdio-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, ui5 to a UI5 app by hand means installing WebdriverIO's peer dependencies, writing a wdio.conf file and wiring a script to run it. Run in the app's directory as npm init wdi5@latest, or with --ts for a TypeScript project, it installs wdi5 and those peer dependencies, puts the config file under webapp/test/e2e/ with a tsconfig.json beside it on the TypeScript path, and sets an npm script named wdi5. What it writes is a minimal install: locally, with Chrome as the target browser, mocha as the test syntax and spec as the output format, and the config already prepared for --headless and --debug runs. It assumes the app is served by the UI5 tooling on port 8080 and that the tests sit under webapp/test/e2e/; --configPath, --specs and --baseUrl move the config, the specs and the application URL when the command runs.
GeneratorsUI5GeneratorscapabilityGetting from nothing to a project that runs, and from a project that runs to one that has the piece you just decided you need. Two different moments: the first is a one-time decision about layout, the second recurs for the life of the project.
Requires
wdio-ui5-servicewdio-ui5-serviceartifactThe end-to-end test framework this installs into the app, together with the WebdriverIO peer dependencies it needs.
Who is behind it
UI5 CommunityUI5 CommunityOrganisationMaintains this In the atlas: maintains 69@ui5-communityVolker BuzekVolker BuzekPersonMaintains this In the atlas: maintains 7, contributes to 53, wrote 2@vobumaintainersFelixPersonContributes to this In the atlas: contributes to 1@Archer57Julian KönigPersonContributes to this In the atlas: contributes to 8@jkoenig134Marian ZeisPersonContributes to this In the atlas: maintains 35, contributes to 86, wrote 25@marianfooSimon CoenPersonContributes to this In the atlas: contributes to 4@Siolto4 contributors
What it declares
Every artifact
Type
Generator
Origin
By a community org
As a generator
Generates
Configuration
declared, What it creates when you run it., read add a config file (`wdio.conf.js`) info `$ui5-app/webapp/test/e2e/` — create-wdi5 — README, How it works, 2026-10-19
Run with
npm init or npx
declared, How you run it, as its documentation says., read npm init wdi5@latest — create-wdi5 — README, Quickstart, 2026-10-19
Distributed through
npm
declared, How the generator is installed, as its documentation says., read npm init wdi5@latest — create-wdi5 — README, Quickstart, 2026-10-19
Connections3
Group by
NodeRelationConditionBasis
Functional1
GeneratorsGeneratorscapabilityStarting a project, and adding pieces to one that runsSAP and community, narrow by design
→provides
Installs wdi5 and its WebdriverIO peer dependencies into a UI5 app that already exists, writes the wdio config under webapp/test/e2e/ and sets an npm script named wdi5 to run it.
provides Generators
Functional, stated
For
Installs wdi5 and its WebdriverIO peer dependencies into a UI5 app that already exists, writes the wdio config under webapp/test/e2e/ and sets an npm script named wdi5 to run it.
Basis
“quick bootstrap for using wdi5 (wdio-ui5-service)”ui5-community/create-wdi5 — repository, checked “install `wdi5` and all required WebdriverIO peer dependencies”create-wdi5 — README, How it works, checked
stated
provides Generators
Functional, stated
For
Installs wdi5 and its WebdriverIO peer dependencies into a UI5 app that already exists, writes the wdio config under webapp/test/e2e/ and sets an npm script named wdi5 to run it.
Basis
“quick bootstrap for using wdi5 (wdio-ui5-service)”ui5-community/create-wdi5 — repository, checked “install `wdi5` and all required WebdriverIO peer dependencies”create-wdi5 — README, How it works, checked
Starting a project, and adding pieces to one that runs
Technical2
wdio-ui5-servicewdio-ui5-servicepackageEnd-to-end testing for UI5 on WebdriverIO with UI5 control selectorscommunity org, ui5
→needs
The end-to-end test framework this installs into the app, together with the WebdriverIO peer dependencies it needs.
needs wdio-ui5-service
Technical, stated
For
The end-to-end test framework this installs into the app, together with the WebdriverIO peer dependencies it needs.
Basis
“install `wdi5` and all required WebdriverIO peer dependencies”create-wdi5 — README, How it works, checked
stated
needs wdio-ui5-service
Technical, stated
For
The end-to-end test framework this installs into the app, together with the WebdriverIO peer dependencies it needs.
Basis
“install `wdi5` and all required WebdriverIO peer dependencies”create-wdi5 — README, How it works, checked
End-to-end testing for UI5 on WebdriverIO with UI5 control selectors
generator-ui5-wdi5generator-ui5-wdi5generatorYeoman generator scaffolding wdi5 test configuration into a UI5 appcommunity org, ui5
←used by
The initializer whose `npm init wdi5` command this generator runs underneath its own prompts.
used by generator-ui5-wdi5
Technical, derived, through inverted from its requires edge
For
The initializer whose `npm init wdi5` command this generator runs underneath its own prompts.
Basis
“Under the hood, `generator-ui5-wdi5` wraps [the command `npm init wdi5`](https://github.com/ui5-community/create-wdi5) and provides a prompt-based CLI on top.”generator-ui5-wdi5 — README, checked
derived
used by generator-ui5-wdi5
Technical, derived, through inverted from its requires edge
For
The initializer whose `npm init wdi5` command this generator runs underneath its own prompts.
Basis
“Under the hood, `generator-ui5-wdi5` wraps [the command `npm init wdi5`](https://github.com/ui5-community/create-wdi5) and provides a prompt-based CLI on top.”generator-ui5-wdi5 — README, checked
Yeoman generator scaffolding wdi5 test configuration into a UI5 app
Note that this quickstart command is suited as a complimentary tool to yo easy-ui5!
How it works
The initializer will…
for JavaScript
for TypeScript
install wdi5 and all required WebdriverIO peer dependencies
(← same)
assume that you're running the UI5 app with the ui5-tooling on port 8080
(← same)
- add a config file (wdio.conf.js) info $ui5-app/webapp/test/e2e/ - assume that your tests are in $ui5-app/webapp/test/e2e/**/* and follow the name pattern *.test.js
- add the wdi5 config file (wdio.conf.ts) and a TypeScript config file (tsconfig.json ) to $ui5-app/webapp/test/e2e/ - assume that your tests are in $ui5-app/webapp/test/e2e/**/* and follow the name pattern *.test.ts
set an npm script named "wdi5" to run wdi5 so you can immediately do npm run wdi5
(← same)
Note that this is a minimal install for running wdi5
locally
with Chrome as target browser
plain JavaScript as notation
mocha as the syntax for tests
spec as the output format of the test results
The wdi5 config is already prepared for
--headless: runs Chrome in headless mode (npm run wdi5 -- --headless)
--debug: extends test timeouts and auto-opens Chrome's developer tools pane (npm run wdi5 -- --debug)
Supported Options
You can pass the following optional flags to modify the quickstart of wdi5:
--configPath <path to config> custom path where your config file (wdio.conf.(j|t)s) should be created
--specs <path to specs> custom path where your specs files are located
--baseUrl <application url> custom url to your application
GeneratorsGeneratorscapabilityGetting from nothing to a project that runs, and from a project that runs to one that has the piece you just decided you need. Two different moments: the first is a one-time decision about layout, the second recurs for the life of the project.SAP and community, narrow by design
abap2UI5 Layout Editorabap2UI5 Layout Editorweb-toolA browser editor that lays out a UI5 view by drag and drop and writes it out as one abap2UI5 app class, pulled into the system with abapGit.community org, abapDrag-and-drop UI5 view editor that writes an abap2UI5 app class
generator-ui5-react-nestgenerator-ui5-react-nestgeneratorA Yeoman generator that scaffolds a pnpm monorepo with a UI5 app and a Vite React app, which the UI5 app embeds through a custom control, UI5Nest, rather than an iframe.independent, ui5Yeoman generator for a UI5 app that loads a React app
SAP Build CodeSAP Build CodeserviceSAP's development environment on BTP for SAPUI5, SAP Fiori, mobile and CAP applications that run on the SAP BTP, Cloud Foundry Runtime, in which Joule generates models, services, logic, tests and apps.sap official, btpDevelopment environment on BTP for UI5, Fiori, mobile and CAP
ui5-control-generatorui5-control-generatorgeneratorA command-line generator that writes UI5 custom controls, in JavaScript or TypeScript, from the html files in a project, with control logic and renderer split into two files by default.independent, ui5Command line generator of UI5 custom controls from html
Joule in SAP Build CodeJoule in SAP Build CodeserviceJoule's generative AI inside SAP Build Code, pitched as "optimized for Java and JavaScript application development": opened from SAP Business Application Studio's activity bar, slash commands generate a CAP data model, services, sample data, business logic and a Fiori elements UI.sap official, capJoule's generative AI inside SAP Build Code
@sap-ux/cap-config-writer@sap-ux/cap-config-writerpackageSAP's writer module for changing a CAP project's configuration from code, so a tool can add a UI5 app to a project that already exists, returning a mem-fs editor whose commit writes the changes.sap official, capWriter module for changing a CAP project's configuration from code
@sap-ux/create@sap-ux/createcliSAP Fiori tools as a command: npx @sap-ux/create changes the features of a Fiori project that already exists, through its add, generate, convert, remove, update and change subcommands.sap official, ui5Command line for changing features of an existing Fiori project
@sap-ux/fe-fpm-writer@sap-ux/fe-fpm-writerpackageA library that writes flexible programming model elements, such as a custom page wired into the app's routing, into a Fiori elements application for OData v4 from Node code.sap official, ui5Writer of flexible programming model elements into Fiori elements apps
@sap-ux/odata-service-writer@sap-ux/odata-service-writerpackageA library that adds an OData service to a UI5 project that already exists, writing the file updates from a config object naming the service url, its OData version and a destination.sap official, ui5Writer that adds an OData service to an existing UI5 project
@sap-ux/ui5-application-writer@sap-ux/ui5-application-writerpackageA library that writes the base structure of a UI5 project from Node code, out of an app id, title and description, returning a mem-fs editor so a generator needs no template engine of its own.sap official, ui5Writer of the base structure of a UI5 project from Node code
create-easy-ui5create-easy-ui5generatorAn npm-init and npx wrapper that runs the Easy-UI5 Yeoman generator without a global Yeoman install, handing control to generator-easy-ui5 and forwarding any arguments.community org, ui5npm-init wrapper for the Easy-UI5 Yeoman generator
generator-easy-ui5generator-easy-ui5generatorA Yeoman meta-generator that scaffolds UI5 projects, prompting for a target platform, and loads further sub-generators from the UI5 Community for TypeScript apps, launchpad plugins and libraries.community org, ui5Yeoman meta-generator for scaffolding UI5 projects
generator-ui5-addgenerator-ui5-addgeneratorA Yeoman generator that creates UI5 tooling-extension projects and manages the tooling extensions of an existing project, from the bestOfUI5 catalogue.community org, ui5Yeoman generator for UI5 tooling-extension projects
generator-ui5-appgenerator-ui5-appgeneratorA Yeoman generator, built on the official UI5 tooling, that scaffolds a new UI5 application in one pass, run as a plug-in for Easy-UI5 or standalone, ready for npm start.community org, ui5Easy-UI5 generator scaffolding a new UI5 application
generator-ui5-controlgenerator-ui5-controlgeneratorA Yeoman generator that scaffolds a UI5 custom control structured for npm distribution, with a manual test app with live reload and a Jest test suite already wired in.community org, ui5Yeoman generator for UI5 custom controls distributed via npm
generator-ui5-library-webcgenerator-ui5-library-webcgeneratorA Yeoman generator that scaffolds a UI5 library wrapping UI5 Web Components on the official UI5 tooling, run through Easy-UI5 or standalone, and served afterwards with npm start.community org, ui5Yeoman generator for UI5 libraries wrapping UI5 Web Components
generator-ui5-librarygenerator-ui5-librarygeneratorA Yeoman generator, built on the official UI5 tooling, that scaffolds a new UI5 library as a plug-in for Easy-UI5.community org, ui5Easy-UI5 generator scaffolding a new UI5 library
generator-ui5-projectgenerator-ui5-projectgeneratorA Yeoman generator for a UI5 project holding several applications in npm workspaces, with eight subgenerators for recurring tasks and a choice of six deployment targets.community org, ui5Yeoman generator for UI5 projects holding several applications
generator-ui5-ts-app-fclgenerator-ui5-ts-app-fclgeneratorA generator that scaffolds a UI5 TypeScript application built around the FlexibleColumnLayout and bound to an OData service, asking for the endpoint, entity set, key and fields to show.community org, ui5Generator for a TypeScript UI5 FlexibleColumnLayout app on OData
generator-ui5-ts-appgenerator-ui5-ts-appgeneratorA Yeoman generator, built on the official UI5 CLI, that scaffolds a new UI5 application in TypeScript with its tsconfig and UI5 CLI configuration, as a plug-in for Easy-UI5.community org, ui5Easy-UI5 generator scaffolding a TypeScript UI5 application
generator-ui5-ts-librarygenerator-ui5-ts-librarygeneratorA Yeoman generator, built on the official UI5 tooling, that scaffolds a new UI5 library in TypeScript as a plug-in for Easy-UI5.community org, ui5Easy-UI5 generator scaffolding a TypeScript UI5 library
generator-ui5-wdi5generator-ui5-wdi5generatorA Yeoman generator that scaffolds wdi5 end-to-end test configuration and sample tests into a UI5 app, wrapping npm init wdi5 in prompts and run through Easy-UI5.community org, ui5Yeoman generator scaffolding wdi5 test configuration into a UI5 app
wdi5 quickstart