GeneratorGeneratortypeCreates a project, a component or configuration once, when you run it, rather than taking part in every build.See every one →What this type is →by a community orgby a community orgoriginPublished by a community organisation, so it outlives any one maintainer.See every one →

ui5-journey-recorder

A 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.

Installed as a Chrome extension, it sits in the browser's extension menu and records clicks and inputs made against a running UI5 application. The recorded journey exports as ready-to-run OPA5 or wdi5 test code, so the interaction sequence does not have to be written by hand.

Facts

Last pushLicenceApache-2.0

Where it sits

Lives in
Provides
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.

Who is behind it

UI5 CommunityUI5 CommunityOrganisationMaintains this
In the atlas: maintains 69
@ui5-community
maintainerClaus HunsenPersonContributes to this
In the atlas: contributes to 1
@claushunsen
Dominik FeiningerPersonContributes to this
In the atlas: contributes to 11
@dominikfeininger
Jochen HörtreiterPersonContributes to this
In the atlas: contributes to 1
@JochenHoertreiter
Manuel BlechschmidtPersonContributes to this
In the atlas: contributes to 1
@ManuelB
Adrian MartenPersonContributes to this
In the atlas: contributes to 1
@martenAdrian
nair-sumeshPersonContributes to this
In the atlas: contributes to 2
@nair-sumesh
tabris87PersonContributes to this
In the atlas: contributes to 1
@tabris87
Tobias HofmannPersonContributes to this
In the atlas: maintains 4, contributes to 12
@tobiashofmann
Volker BuzekPersonContributes to this
In the atlas: maintains 7, contributes to 53, wrote 2
@vobu
Marco BeierPersonContributes to this
In the atlas: contributes to 13
@wridgeu
10 contributors

What it declares

Every artifact

Type
Generator
Origin
By a community org

As a generator

Generates
Code or test data
Run with
does not say
Distributed through
does not say

Tasks this contributes to1Beta

Get test code for a Fiori elements screen without writing selectors by handA test addresses the controls of a generated list report or object page without a developer working out locators for ids the framework generated.Fiori elementsCoversjourney recorder
What it does

A Chrome extension that records the clicks and inputs made against a running application and exports the recording as OPA5 or wdi5 code, so the sequence comes out of the recording along with the locators.

Remaining work

Install the extension in Chrome, record against a running application, and keep the exported code as the project's own.

All options on the UI5 testing page →

Connections1

README

quoted from ui5-community/ui5-journey-recorder under Apache-2.0, read
ui5-community/ui5-journey-recorder/README.mdOn GitHub

UI5 Journey Recorder

The UI5 Journey Recorder is a Chrome-Extension. It is used to record and generate test journeys for UI5.

The recorded journeys can be used to generate OPA5 or wdi5 test code.

Installation

The UI5 Journey Recorder can be installed via the Chrome WebStore. After that the UI5 Journey Recorder can be accessed via the Extension Menu at the top right of Chrome. Another way to install the UI5 Journey Recorder is via the setup of the development environment.
In the end you can open the extension via the extension menu at the top right of Chrome: Extension Menu

Another way to install the UI5 Journey Recorder is to download the zip of a release from the release section of github and unpack it where you want. Then go to the extension site of chrome (chrome://extensions) and load the unpacked extension by using the button at the left top corner Load unpacked.

License

This work is dual-licensed under Apache 2.0 and the Derived Beer-ware 🍺 License. The official license will be Apache 2.0 but finally you can choose between one of them if you use this work.

Thus, when you like this stuff, buy any (or all 😆) of the contributors a beer when you see them.

Apache-2.0, read

History

Latest

v0.3.5

Features 1, Fixes 6

Notes
Features
  • no-record: automatic nav to main if no steps were recorded (b433e54)
Bug Fixes
  • chrome-130: fixed the issue with dynamically loaded scripts (0a1c18b)
  • code-gen: fixed wrong indentation within generated sources (446f72c)
  • content-inject: fixed src type within content-inject (76107ca)
  • settings: changed structure of settings dialog (d5d0c6f)
  • ui5: fixed Typos and misspellings after version upgrade (5f25d78)
  • unnecessary: removed unnecessary type from style (9afb553)
  1. v0.3.4

    Features 5, Fixes 4

    Notes
    Features
    • comm: added comments as generation part (1cca09d)
    • generation: started rebuild of code generation (f0a10b6)
    • generator: added final steps for new code generation setup (aead91b)
    • journey: added dnd for reordering journey steps (319630f)
    • templ: added template demo approach (62bf137)
    Bug Fixes
    • project: dependency update (0c4715e)
    • small: fixed different smaller issues (fc5295a)
    • StepConversion: fixed the conversion to input steps (71413a4)
    • test-gen: fixed some test-code generation bugs (379d43f)
  2. v0.3.3

    Fixes 2

    Notes
    Bug Fixes
    • project: dependency update (f261ac2)
    • StepConversion: fixed the conversion to input steps (ac1224a)
  3. v0.3.2

    Features 1

    Notes
    Features
    • journey: added dnd for reordering journey steps (319630f)
  4. v0.3.1

  5. v0.3.0

    Features 1, Fixes 1

    Notes
    Features
    • Refactoring of the code page to contain a folder-like left side drawer (4f74f3d)
    Bug Fixes
  6. v0.2.0

    Features 1

    Notes
    Features
UI5 testing
  1. ui5-test-runnerCommand line running UI5 QUnit and OPA tests in parallel
  2. ui5-middleware-odata-recorderUI5 middleware recording OData traffic as mock server datasets
  3. jest-environment-ui5Jest environment running UI5 unit tests in Node.js
  4. openui5-smart-mockserverUI5 MockServer extension generating mock data with Faker.js
  5. vitest-environment-ui5Vitest environment running UI5 unit tests in Node.js
  6. wdio-qunit-serviceWebdriverIO service running QUnit test pages
  7. @openui5/sap.ui.coreFramework core: module loader, MVC runtime, binding, routing, theming
  8. karma-ui5-transpileKarma preprocessor transpiling UI5 sources via ui5-tooling-transpile
  9. wdi5-cucumberwdi5 plugin for Cucumber-style BDD tests on Fiori Elements apps
  10. wdi5-fe-selectorswdi5 selectors for locating controls in Fiori Elements apps
  11. wdio-ui5-serviceEnd-to-end testing for UI5 on WebdriverIO with UI5 control selectors
  12. @ui5/middleware-code-coverageUI5 CLI middleware for Istanbul code coverage
  13. vscode-ui5-odata-mock-generatorVS Code extension generating OData mock data from service metadata

Details

Sources3
Added by handdiscovered herechecked
github.com/ui5-community/ui5-journey-recordertree, pushes, contributors, CIchecked
README.mdquoted, and what the entry declareschecked

Sources are graph entities: the same page may back several entries, and an unreachable source flags every row that rests on it.

Compatibility and provenance
discovered viaAdded by hand
first seen in the atlas
ecosystem and domainui5, developer-experience
Contributors10
History in the atlas1
  1. First seen.
For your agent
Ref
artifact:ui5-community-ui5-journey-recorder
JSON
/artifacts/ui5-community-ui5-journey-recorder.json
MCP
Connecting an agent