如下圖所示的 (i) icon，其對應的 HTML 原生代碼如下：button 標簽里包含 ng-reflect-cx-popover 屬性。

<button ng-reflect-cx-popover="[object Object]" ng-reflect-cx-popover-options="[object Object]"><cx-icon class="cx-icon fas fa-info-circle" ng-reflect-type="INFO"></cx-icon></button>

點擊之后，會顯示一個彈出對話框，HTML 源代碼如下：

<div class="popover-body" ng-reflect-config="[object Object]" tabindex="-1"><!--bindings={"ng-reflect-ng-if": "false" }--><p> Units represent departments, stores, regions, or any other logical grouping that makes sense to you. Disabling a unit disables all children of the unit, including child units, users, approvers, and cost centers. Disabled units cannot be edited. </p><!--bindings={"ng-reflect-ng-template-outlet": "[object Object]" }--><!--ng-container--><!--bindings={"ng-reflect-ng-if": "true" }--><!--bindings={"ng-reflect-ng-if": "false" }--></div>

點擊 (i) icon 之后，彈出對話框的單元測試代碼如下：

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();

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的SAP Spartacus pop over 元素的单元测试的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。