Uploaded March 2025 | Updated September 2026, 3 weeks ago
This episode explores the integration of GenAI code assistance and the Test Starter concept into SAPUI5 development.
First, we showcase the power of generative AI in SAPUI5 development, using the Joule AI assistant within SAP Build Code to streamline and optimize development tasks. We provide practical examples of how AI can assist in migrating SAPUI5 applications to TypeScript, adding UI elements, and enhancing code functionality through intuitive prompts and commands.
Next, we explore the Test Starter - a new and powerful feature available in OpenUI5 version 1.129 onwards. This concept simplifies test setups by eliminating the need for boilerplate code in QUnit and OPA tests, while also improving performance and compliance with Content Security Policy. We demonstrate the convenience of the Test Starter's configuration options for testing frameworks such as QUnit and Sinon. Through a live demo using the OpenUI5 TypeScript walkthrough tutorial, we illustrate the ease of migrating existing tests to the Test Starter concept. We highlight the benefits of the generic test page, the testsuite configuration file, and the ability to run tests with different configurations
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Video Chapters:
00:00 Welcome
01:37 GenAI Code Assistance for SAPUI5
05:30 Demo: Adding a table bound to a JSON model using Joule in SAP Build Code
08:42 Demo: Translating table texts and enabling i18n using Joule
12:17 Exploring code explanations and improvements with Joule AI
17:00 Demo: Migrating an SAPUI5 application to TypeScript using Joule
21:50 Q/A: Slash commands, feature updates, and Hungarian notation
25:45 Introduction to the Test Starter concept
27:55 Demonstrating the Test Starter Concept
28:53 Demo: Setting up a QUnit test using Test Starter
31:16 Demo: Configuring and running tests with different settings
37:47 Benefits of the Test Starter approach
38:50 Q/A: Test Starter and SAP Fiori tooling
41:45 Closing Remarks
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Resources:
Test Starter (Documentation): sdk.openui5.org/topic/032be2cb2e1d4115af20862673bedcdb
OpenUI5 Walkthrough Tutorial: github.com/SAP-samples/ui5-typescript-walkthrough/blob/main/README.md
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Music: klinik FX
This episode explores the integration of GenAI code assistance and the Test Starter concept into SAPUI5 development.
First, we showcase the power of generative AI in SAPUI5 development, using the Joule AI assistant within SAP Build Code to streamline and optimize development tasks. We provide practical examples of how AI can assist in migrating SAPUI5 applications to TypeScript, adding UI elements, and enhancing code functionality through intuitive prompts and commands.
Next, we explore the Test Starter - a new and powerful feature available in OpenUI5 version 1.129 onwards. This concept simplifies test setups by eliminating the need for boilerplate code in QUnit and OPA tests, while also improving performance and compliance with Content Security Policy. We demonstrate the convenience of the Test Starter's configuration options for testing frameworks such as QUnit and Sinon. Through a live demo using the OpenUI5 TypeScript walkthrough tutorial, we illustrate the ease of migrating existing tests to the Test Starter concept. We highlight the benefits of the generic test page, the testsuite configuration file, and the ability to run tests with different configurations
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Video Chapters:
00:00 Welcome
01:37 GenAI Code Assistance for SAPUI5
05:30 Demo: Adding a table bound to a JSON model using Joule in SAP Build Code
08:42 Demo: Translating table texts and enabling i18n using Joule
12:17 Exploring code explanations and improvements with Joule AI
17:00 Demo: Migrating an SAPUI5 application to TypeScript using Joule
21:50 Q/A: Slash commands, feature updates, and Hungarian notation
25:45 Introduction to the Test Starter concept
27:55 Demonstrating the Test Starter Concept
28:53 Demo: Setting up a QUnit test using Test Starter
31:16 Demo: Configuring and running tests with different settings
37:47 Benefits of the Test Starter approach
38:50 Q/A: Test Starter and SAP Fiori tooling
41:45 Closing Remarks
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Resources:
Test Starter (Documentation): sdk.openui5.org/topic/032be2cb2e1d4115af20862673bedcdb
OpenUI5 Walkthrough Tutorial: github.com/SAP-samples/ui5-typescript-walkthrough/blob/main/README.md
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Music: klinik FX
