UI5ers live #43: GenAI Code Assistance for SAPUI5 Development, Test Starter Concept

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): https://sdk.openui5.org/topic/032be2c... OpenUI5 Walkthrough Tutorial: https://github.com/SAP-samples/ui5-ty... _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Music: klinik FX