SAP Spartacus popover Component 的单元测试

Spartacus标准开发 专栏收录该内容
700 篇文章 4 订阅

我们在SAP Spartacus B2B Page 的 list和Card页面,点击(i) icon之后,会看到一个popover Component,可以通过下面的选择器访问:

cx-popover > .popover-body > p

可以通过如下的代码访问:

describe('hint', () => {
    beforeEach(() => {
      fixture.detectChanges();
    });
    it('should not show hint by default', () => {
      const el = fixture.debugElement.query(
        By.css('cx-popover > .popover-body > p')
      );
      expect(el).toBeFalsy();
    });

    it('should display hint after click info button', () => {
      const infoButton = fixture.debugElement.query(
        By.css('button[ng-reflect-cx-popover]')
      ).nativeElement;
      infoButton.click();
      const el = fixture.debugElement.query(
        By.css('cx-popover > .popover-body > p')
      );
      expect(el).toBeTruthy();
      expect(el.nativeElement.innerText).toBe('organization.budget.hint');
    });
  });

其中下面这行代码是css属性选择器的用法:

button[ng-reflect-cx-popover]

因为button按钮渲染完毕后,具有属性 ng-reflect-cx-popover

更多Jerry的原创文章,尽在:“汪子熙”:

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 博客之星2020 设计师:CY__ 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值