SlideShare a Scribd company logo
Maxim Naidenov , SAP
July 20, 2017
UI5 Supportability
Tools Explained
UI5 Supportability Reloaded
UI5 Supportability Reloaded
2
 UI5 Support Tools Explained
 Get to know the UI5 Support Assistant
Agenda
UI5 Support Tools
4
Technical Information Dialog Alt Ctrl Shift +P
 Show version
 Switch debug on for specific module
Diagnostics Window Alt Ctrl Shift +S
 Switch UI5 version
 Useful adds-on like FLP and Fiori Elements
UI5 Inspector
 UI5 tailored Chrome Dev Tools extension
 Project is active, check for new features
Support Assistant
 Stay tuned..
UI5 Support Tools - Which Support Tool to use When?
5
 Check Troubleshooting Section for support tools
overview.
 Follow the Troubleshooting Tutorial to get hands-on
experience in UI5 troubleshooting.
 Check out the First-Aid Kit for common issues and
their resolution suggestion.
Enhanced Documentation
UI5 Support Assistant
7
 Ensure guidelines and best practices are
followed
 Check / report any UI5 application for
consistency
 Assist support and troubleshooting
 … in automated manner
The Need?
8
 Analyze the web application for well known
problems.
 Sourcing from our expert knowledge materialized in
the Support Rules
 That reveals the Issues and provides Resolution
suggestions
 With easy UI and enabled for Automation
The Solution – UI5 Support Assistant
9
 Start from URL parameter : sap-ui-support=true and reload
 Or via the enhanced Technical Dialog (Alt+Ctrl+Shift + P) on the fly
How To Get It?
10
Application OpenUI5 latest – application URL
Support Assistant in action
SUPPORT RULES
12
 Rules are associated to libraries and grouped by Rulesets
 Rules carry with them a remedy for recurring || expected issue
 Different Rule types: structural, dynamic, CSS, functional
 The Rule has Properties and Check function (in JavaScript)
Understanding – Rulesets & Rules
13
 See supplied Rules from SAP
 Create your own rules :
 Duplicate existing
 Fresh new one
 Edit and run/test directly
How about Rules creation?
14
Temporary Rules
 Are persisted in the local storage
 Still have to be submitted
Rules are open for contribution
 Welcome to contribute your Rules in openUI5 / … / project
 If you have own libraries, see how to instrument Rules for them.
And what happens with Rules created?
15
Scope
 Global – the whole application.
 Sub-tree – analyze only the specific part of the application.
 Component – every application in the Fiori Launch Pad is a component
Subset of rules
 Select rules to be analyzed
 Example for narrow scope: OPA Explored
Get in your own scope
16
Get in your own scope
Support Assistant is version agonistic
 You can use higher (latest) version of Support Assistant and Rules to check your App since 1.44.17 version
 Flexibility to choose different location of Support Assistant, including a custom one
– see button in Technical Info Dialog
ISSUES
18
 Related to rules
 Get information on affected control and resolution proposal
Issues showing/solving your problems
REPORT
20
 Report contents:
 Available and Executed Rules
 Technical Information
 Application Information
 Issues
Report – Viewing & Downloading
AUTOMATION
22
Automation
Automation API
 Configure and execute SA checks via dedicated
JavaScript API
 Can be used in any JavaScript test environment, docu
link
OPA integration
 Special OPA plug-in provided for Support Assistant
checks
 Flexible API to supply different parameters; ready-to-
use assertions provided: docu link
 Easiest way to extend your existing OPA test journeys
with Support Assistant checks – see Examples in the
Demokit
Thank you.
Contact information:
Maxim Naidenov
maxim.naidenov@sap.com
You are welcome to give feedback for this session
in the UI5con Event App

More Related Content

PPTX
E2E testing with UIVeri5
PPTX
Reliable application tests for ui5 apps
PPTX
Flex in ui5con demo booth
PPTX
Appium Presentation
PPTX
Smart : Comprehensive and unified framework for test automation of web and mo...
PDF
Kristian Karl - Experiences of Test Automation at Spotify - EuroSTAR 2013
PPTX
Real Testing Scenario Strategy Practical TestOps Presentation
PPTX
What Can The Spira API Do For You?
E2E testing with UIVeri5
Reliable application tests for ui5 apps
Flex in ui5con demo booth
Appium Presentation
Smart : Comprehensive and unified framework for test automation of web and mo...
Kristian Karl - Experiences of Test Automation at Spotify - EuroSTAR 2013
Real Testing Scenario Strategy Practical TestOps Presentation
What Can The Spira API Do For You?

What's hot (20)

PDF
API Integration For Building Software Applications Powerpoint Presentation Sl...
PPTX
Why Apps Succeed: 4 Keys to Winning the Digital Quality Game
ODP
API Testing With Katalon Studio
PPTX
Overcoming Test Automation Obstacles
PPTX
Selenium Automation Like You’ve Never Seen!
PPTX
Building Resilient Automated UI Tests for Cloud Applications using Scripless ...
PPTX
Test Automation Frameworks: Assumptions, Concepts & Tools
PDF
Testing Design System Changes Across Your Application -- Intuit Use Case -- w...
PPTX
Rapise Overview Presentation (2019)
PPTX
Introduction to APIs & how to automate APIs testing with selenium web driver?
PPTX
Why Apps Succeed: 4 Keys to Winning the Digital Quality Game
PDF
Cross Platform Mobile Test Automation using Selenium WebDriver by Perfecto Mo...
PPTX
Start Your Automation Journey With Rapise
PDF
Well Crafted API Models – Key to Streamlining Workflows
PDF
[Binh nguyen] Mobile Application Automation Testing iOS and Android
PPT
Mdc2010 Automated Mobile Testing
PPTX
Test automationatrakutentravel
PDF
Web Accessibility Testing Trends and Shift Left Testing of accessibility usin...
PDF
[webinar] Best of Breed: Successful Test Automation Practices from Innovative...
API Integration For Building Software Applications Powerpoint Presentation Sl...
Why Apps Succeed: 4 Keys to Winning the Digital Quality Game
API Testing With Katalon Studio
Overcoming Test Automation Obstacles
Selenium Automation Like You’ve Never Seen!
Building Resilient Automated UI Tests for Cloud Applications using Scripless ...
Test Automation Frameworks: Assumptions, Concepts & Tools
Testing Design System Changes Across Your Application -- Intuit Use Case -- w...
Rapise Overview Presentation (2019)
Introduction to APIs & how to automate APIs testing with selenium web driver?
Why Apps Succeed: 4 Keys to Winning the Digital Quality Game
Cross Platform Mobile Test Automation using Selenium WebDriver by Perfecto Mo...
Start Your Automation Journey With Rapise
Well Crafted API Models – Key to Streamlining Workflows
[Binh nguyen] Mobile Application Automation Testing iOS and Android
Mdc2010 Automated Mobile Testing
Test automationatrakutentravel
Web Accessibility Testing Trends and Shift Left Testing of accessibility usin...
[webinar] Best of Breed: Successful Test Automation Practices from Innovative...
Ad

Similar to UI5 supportability tools explained (20)

PPTX
UI5 Supportability Reloaded
PPTX
SAP Ui5 content
PPTX
UI5con 2019 - Keynote for Bangalore
PPTX
UI5conBE 2020 - Keynote
PPTX
UI5 Overview for ROOT
PDF
Cd168 (3)
PDF
Stammtisch plus ui5 lessons learned
PPTX
UI5con 2025 - Keynote - Ignite the Future
PDF
Open sap ui5 - week_2 unit_1_syjewa_exercises
PDF
UiPath and SAP Fiori Automation A Practical Approach - Part 4.pdf
PPTX
UI5con 2019 - Keynote for Rot
PPTX
UI5con 2018 - Keynote
PPTX
Ui5con blr fe
PPTX
SAPUI5 & OpenUI5 for SAP InnoJam
PPTX
UI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions
PPTX
UI5 Tooling & Ecosystem
PDF
Sap Ui5 Overview | Sap Ui5 Architecture – Features
PPTX
UI5 Apps beyond the office (UI5con)
DOCX
SAP Fiori and UI5. docx
PPTX
SAP UI5 OVERVIEW | SAP UI5 PRE-REQUISITES – FEATURES
UI5 Supportability Reloaded
SAP Ui5 content
UI5con 2019 - Keynote for Bangalore
UI5conBE 2020 - Keynote
UI5 Overview for ROOT
Cd168 (3)
Stammtisch plus ui5 lessons learned
UI5con 2025 - Keynote - Ignite the Future
Open sap ui5 - week_2 unit_1_syjewa_exercises
UiPath and SAP Fiori Automation A Practical Approach - Part 4.pdf
UI5con 2019 - Keynote for Rot
UI5con 2018 - Keynote
Ui5con blr fe
SAPUI5 & OpenUI5 for SAP InnoJam
UI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions
UI5 Tooling & Ecosystem
Sap Ui5 Overview | Sap Ui5 Architecture – Features
UI5 Apps beyond the office (UI5con)
SAP Fiori and UI5. docx
SAP UI5 OVERVIEW | SAP UI5 PRE-REQUISITES – FEATURES
Ad

Recently uploaded (20)

PPTX
bas. eng. economics group 4 presentation 1.pptx
PPTX
Recipes for Real Time Voice AI WebRTC, SLMs and Open Source Software.pptx
PDF
Structs to JSON How Go Powers REST APIs.pdf
PDF
keyrequirementskkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
PPTX
FINAL REVIEW FOR COPD DIANOSIS FOR PULMONARY DISEASE.pptx
PDF
Mitigating Risks through Effective Management for Enhancing Organizational Pe...
PPTX
Lesson 3_Tessellation.pptx finite Mathematics
PDF
Embodied AI: Ushering in the Next Era of Intelligent Systems
PPTX
Internet of Things (IOT) - A guide to understanding
PPTX
UNIT-1 - COAL BASED THERMAL POWER PLANTS
PPTX
Geodesy 1.pptx...............................................
PPTX
CYBER-CRIMES AND SECURITY A guide to understanding
DOCX
573137875-Attendance-Management-System-original
PPTX
Strings in CPP - Strings in C++ are sequences of characters used to store and...
PDF
Model Code of Practice - Construction Work - 21102022 .pdf
PPTX
IOT PPTs Week 10 Lecture Material.pptx of NPTEL Smart Cities contd
PPTX
additive manufacturing of ss316l using mig welding
PPTX
CARTOGRAPHY AND GEOINFORMATION VISUALIZATION chapter1 NPTE (2).pptx
PDF
PPT on Performance Review to get promotions
PPTX
Construction Project Organization Group 2.pptx
bas. eng. economics group 4 presentation 1.pptx
Recipes for Real Time Voice AI WebRTC, SLMs and Open Source Software.pptx
Structs to JSON How Go Powers REST APIs.pdf
keyrequirementskkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
FINAL REVIEW FOR COPD DIANOSIS FOR PULMONARY DISEASE.pptx
Mitigating Risks through Effective Management for Enhancing Organizational Pe...
Lesson 3_Tessellation.pptx finite Mathematics
Embodied AI: Ushering in the Next Era of Intelligent Systems
Internet of Things (IOT) - A guide to understanding
UNIT-1 - COAL BASED THERMAL POWER PLANTS
Geodesy 1.pptx...............................................
CYBER-CRIMES AND SECURITY A guide to understanding
573137875-Attendance-Management-System-original
Strings in CPP - Strings in C++ are sequences of characters used to store and...
Model Code of Practice - Construction Work - 21102022 .pdf
IOT PPTs Week 10 Lecture Material.pptx of NPTEL Smart Cities contd
additive manufacturing of ss316l using mig welding
CARTOGRAPHY AND GEOINFORMATION VISUALIZATION chapter1 NPTE (2).pptx
PPT on Performance Review to get promotions
Construction Project Organization Group 2.pptx

UI5 supportability tools explained

  • 1. Maxim Naidenov , SAP July 20, 2017 UI5 Supportability Tools Explained UI5 Supportability Reloaded UI5 Supportability Reloaded
  • 2. 2  UI5 Support Tools Explained  Get to know the UI5 Support Assistant Agenda
  • 4. 4 Technical Information Dialog Alt Ctrl Shift +P  Show version  Switch debug on for specific module Diagnostics Window Alt Ctrl Shift +S  Switch UI5 version  Useful adds-on like FLP and Fiori Elements UI5 Inspector  UI5 tailored Chrome Dev Tools extension  Project is active, check for new features Support Assistant  Stay tuned.. UI5 Support Tools - Which Support Tool to use When?
  • 5. 5  Check Troubleshooting Section for support tools overview.  Follow the Troubleshooting Tutorial to get hands-on experience in UI5 troubleshooting.  Check out the First-Aid Kit for common issues and their resolution suggestion. Enhanced Documentation
  • 7. 7  Ensure guidelines and best practices are followed  Check / report any UI5 application for consistency  Assist support and troubleshooting  … in automated manner The Need?
  • 8. 8  Analyze the web application for well known problems.  Sourcing from our expert knowledge materialized in the Support Rules  That reveals the Issues and provides Resolution suggestions  With easy UI and enabled for Automation The Solution – UI5 Support Assistant
  • 9. 9  Start from URL parameter : sap-ui-support=true and reload  Or via the enhanced Technical Dialog (Alt+Ctrl+Shift + P) on the fly How To Get It?
  • 10. 10 Application OpenUI5 latest – application URL Support Assistant in action
  • 12. 12  Rules are associated to libraries and grouped by Rulesets  Rules carry with them a remedy for recurring || expected issue  Different Rule types: structural, dynamic, CSS, functional  The Rule has Properties and Check function (in JavaScript) Understanding – Rulesets & Rules
  • 13. 13  See supplied Rules from SAP  Create your own rules :  Duplicate existing  Fresh new one  Edit and run/test directly How about Rules creation?
  • 14. 14 Temporary Rules  Are persisted in the local storage  Still have to be submitted Rules are open for contribution  Welcome to contribute your Rules in openUI5 / … / project  If you have own libraries, see how to instrument Rules for them. And what happens with Rules created?
  • 15. 15 Scope  Global – the whole application.  Sub-tree – analyze only the specific part of the application.  Component – every application in the Fiori Launch Pad is a component Subset of rules  Select rules to be analyzed  Example for narrow scope: OPA Explored Get in your own scope
  • 16. 16 Get in your own scope Support Assistant is version agonistic  You can use higher (latest) version of Support Assistant and Rules to check your App since 1.44.17 version  Flexibility to choose different location of Support Assistant, including a custom one – see button in Technical Info Dialog
  • 18. 18  Related to rules  Get information on affected control and resolution proposal Issues showing/solving your problems
  • 20. 20  Report contents:  Available and Executed Rules  Technical Information  Application Information  Issues Report – Viewing & Downloading
  • 22. 22 Automation Automation API  Configure and execute SA checks via dedicated JavaScript API  Can be used in any JavaScript test environment, docu link OPA integration  Special OPA plug-in provided for Support Assistant checks  Flexible API to supply different parameters; ready-to- use assertions provided: docu link  Easiest way to extend your existing OPA test journeys with Support Assistant checks – see Examples in the Demokit
  • 23. Thank you. Contact information: Maxim Naidenov maxim.naidenov@sap.com You are welcome to give feedback for this session in the UI5con Event App

Editor's Notes

  • #5: Both tools have a lot of features, I will show only the two most interesting in my opinion. Options+control+shift+P on Mac Technical dialog - https://openui5nightly.hana.ondemand.com/test-resources/sap/m/demokit/cart/webapp/index.html Diagnostics - https://sapui5.hana.ondemand.com/test-resources/sap/ui/demoapps/demokit/rta/fiori-elements/test/index.html#masterDetail-display
  • #6: New demokit, documentation UI is completely reworked A lot of new content Your feedback matters, please use the comments