✒️SAP BTPFIORI / La configuración del test unitario y las herramientas de debugging Por Roberto Santucho
SAP BTPFIORI La configuración del test unitario y las herramientas de debugging
1. LA REALIZACION DEL TEST UNITARIO
Al crear la configuracion para pruebas se muestra una lista de todas las dependencias disponibles:
- las dependencias de servicio se cargan desde el espacio registrado en Cloud Foundry
- las fuentes de datos se cargan desd al configuracion de destinos de la cuenta SAP Business Appilctation Studio. puede haber amas en el xs-app.json
- Vincular en caso necesario el backend
- dar al icono play en verde: EL SCRIPT DE EJECUCION ESTA DENTRO DEL ARCHIVO LAUNCH.JSON
2. LAS HERRAMIENTAS DE DESARROLLO DE GOOGLE CHROME
con el devTool, resalta elementos y y capas individuales en el DOM (Document Object Model: es la forma en qu JS representa el HTML en formato JSON 6)
Asegurarnos que activamos estas opciones
- Desactivar cache: si estamos editando JS o CSS
- shortcut cambiar paneles ctr 1-9
TABS DISPONIBLES
- Elementos: visualizar y editar el codigo HTML
- Consola: ver mensajes emitidos por la app, o el runtime del webrowser.
- Fuentes:
- Red: todos los recursos solicitados se registran en este panel.
- linea de tiempo: registra y explora eventos
- Perfiles (Memory)
- Aplicacion:
- Seguridad
- Auditorias: oportunidad de mejoras
3. LA ACTIVACION DEL SISTEMA DE ANALISIS DE APLICACIONES PARA SAPUI5
- Informacion tecnica: ctrl Alt Shift P: vemos la version de libreria de SAPUI5 para SABER QUE COMPONENTES PODEMOS UTILIZAR O YA ESTAN DESCATALOGADOS
- Abrir diagnostico (ctrl Alt Shift S): ES PESADO, por lo que sugerimos activarlo/desactivarlo dentro de la app a analizar. OBTENERMOS TODOS LOS FICHEROS ORIGINALES (no librerias comprimidas o el component preload)
- Technical Information: util para ver version sapui5
- Control Tree: util para ver
- Debugging
- JavaScript Trace
- Activar asistente de soporte: en esta primera vista, podemos ver las reglas de validacion que el asistente aplicara: al seleccionarla podemo sver info relacionada a esa regla y consejos en caso de error. PARA ANALIZAR PRESIONAR ANALYZE.
4. LAS EXTENSIONES DE GOOGLE CHROME
- UI5 Inspector: se agrega una nueva solapa en el devtool, util para cambiar propiedades de controles (como lo hacemos en devtool para probar cambios CSS)
- JSONView
- XML Tree
5. EL ANALISIS DE LAS VISTAS Y CONTROLADORES
- El panel Network en DevTools nos permite ver el codigo para vistas y controladores
- El panel Sources: nos permite ver e incluso modificar el codigo fuente js
- comando en la consola:
- $0.id devuelve el id del objeto donde estoy parado
6. COMO COLOCAR UN BREAKPOINT
- via codigo, colocar debugger
7. LOS MODELOS ODATA
Cuando se crea una instancia de un modelo de Odata en tiempo de ejecucion, el mecanismo recupera el documetno de metadatos.
- Podemoss ver el rescurso $metadata en la pestana Network
- Luego podemos ver el llamado al servicio en formato url, PODEMOS COPIAR LA URL EN EL NAVEGADOR PARA VER QUE NOS TRAE
- en la consola tambien podemos poner el codigo que estamos haciendo en el debug
- oEvent.getParameter("listItem") con este metodo OBTENEMOS EL ITEM SELECCIONADO
- oEvent.getParameter("listItem").getBindingContext().getProperty("SalesOrderID") de esta forma nos da en este caso el valor 5000000000
Escanear / Compartir
Sobre el autor
Publicación académica de Roberto Hernan Santucho, en su ámbito de estudios para la Carrera Consultor SAP BTP Fiori.
Roberto Hernan Santucho
Profesión: Ingeniero en Sistemas - Mexico - Legajo: VA51C
✒️Autor de: 43 Publicaciones Académicas
🎓Egresado del módulo:
Certificación Académica de Roberto Santucho
Disponibilidad Laboral: FullTime 
