Как получить текст в теге, который содержит перевод в угловом?

Question

Вот мой HTML,

    <p id="on-board" class="on-board-text">
    {{
      'OVERVIEW.WELCOME_SCREEN_ON_BOARD'
      | translate
       : {
          USER_NAME:
            username
        }
     }}</p>

Где,

      username = 'banner works!';

Я пытаюсь получить значение USER_NAME.

Вот моя спецификация,

   it('Check if username is populated', async () => {
      const { find } = await shallow.render({});
      const htmlDiv = find('.on-board-text');
      const user = htmlDiv.nativeElement.textContent.trim();
      expect(user).toEqual('banner works!');
   });

Но здесь я получаю 'user' в спецификации как пустое ("").

Может кто-нибудь предложить мне помощь. Спасибо.