sap.m.Avatar / badgeIcon not showing

by guillaume_hrc

HTML

<script id='sap-ui-bootstrap' 
  type='text/javascript' 
  src="https://ui5.sap.com/1.133.0/resources/sap-ui-core.js" 
  data-sap-ui-libs="sap.m">
</script>

<body class='sapUiBody'>
  <div id='content_pad'></div>
  <hr style="margin: 1.5rem">
  <div id='content_trunc'></div>
</body>

JavaScript

/*===============*/
/*    Avatar     */
/*===============*/
(() => {
let title= new sap.m.Title({ text: 'Avatar experiments' });
title.placeAt('content_pad');

let vbox = new sap.m.VBox({ renderType: 'Bare' });
let avatar = new sap.m.Avatar('av', {
    displaySize    : 'M',
    backgroundColor: 'Accent3',
    initials       : 'HRC',
    badgeIcon      : 'sap-icon://globe',
});
vbox.placeAt('content_pad');
vbox.addItem(avatar);

let avIcon;/* 
avIcon = new sap.ui.core.Icon({
  src: "sap-icon://globe"
});
vbox.addItem(avIcon);

setTimeout(() => {
  // Manually setting the badge icon as an aggregation
  avatar.destroyAggregation('_badge');
  avatar.setBadgeIcon(avIcon.getSrc())
  avatar.setAggregation('_badge', avIcon);
  avatar._badgeRef = avatar.getAggregation('_badge');
  avatar.rerender();  
  
  console.log(avIcon);
}, 500); */

/*setTimeout(() => {
  console.log(avatar.mAggregations._badge);
  avatar.destroyAggregation('_badge');
  avatar.rerender();  
}, 500);
setTimeout(() => {
  console.log(avatar.mAggregations._badge);
  avatar.setBadgeIcon('sap-icon://comment');
  avatar.rerender();
}, 1000); */
})();