如何在包含角度翻译的标签中获取文本？

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!');
   });

但是在这里，我得到规范中的'用户'为空（“”）。

任何人都可以请我帮忙。谢谢。