Feature/SBOM testcases

app/components/ak-breadcrumbs/auto-trail/index.hbs

@@ -3,6 +3,7 @@
   @alignItems='center'
   @tag='ul'
   data-test-ak-breadcrumbs-auto-trail-container
+  data-test-cy='ak-breadcrumbs-auto-trail-container'
   ...attributes
 >
   {{#each this.breadcrumbsService.breadcrumbItems as |item|}}

app/components/ak-pagination/index.hbs

@@ -15,9 +15,9 @@
       @renderInPlace={{true}}
       @verticalPosition={{or @paginationSelectOptionsVertPosition 'above'}}
       @triggerClass={{this.classes.selectClass}}
+      aria-label='pagination item per page options'
       {{style width='50px'}}
       data-test-pagination-select
-      data-test-cy='paginationItemPerPageOptions'
       as |aks|
     >
       {{aks.label}}
@@ -26,7 +26,11 @@
     {{#if @totalItems}}
       <div local-class='ak-pagination-divider'></div>
 
-      <AkTypography @tag='span' data-test-page-range>
+      <AkTypography
+        @tag='span'
+        aria-label='pagination page range'
+        data-test-page-range
+      >
         {{@startItemIdx}}-{{@endItemIdx}}
         of
         {{@totalItems}}
@@ -49,6 +53,7 @@
       @leftIconClass={{this.classes.prevButtonIconClass}}
       @color='neutral'
       @variant='outlined'
+      aria-label='pagination previous button'
       local-class='ak-pagination-prev-button'
       {{on 'click' (or @prevAction this.noop)}}
       data-test-pagination-prev-btn
@@ -77,6 +82,7 @@
       @color='neutral'
       @variant='outlined'
       @rightIconClass={{this.classes.nextButtonIconClass}}
+      aria-label='pagination next button'
       local-class='ak-pagination-next-button'
       {{on 'click' (or @nextAction this.noop)}}
       data-test-pagination-next-btn

app/components/sbom/app-list/action/index.hbs

@@ -2,6 +2,7 @@
   data-test-sbomApp-actionBtn
   {{on 'click' this.handleOpenMenu}}
   disabled={{this.hasNoSbomScan}}
+  data-test-cy='sbomApp-actionBtn'
 >
   <AkIcon @iconName='more-vert' />
 </AkIconButton>
@@ -22,6 +23,7 @@
         @model={{it.model}}
         @onClick={{it.onClick}}
         @divider={{it.divider}}
+        aria-label='sbom app action menu item'
         as |li|
       >
         <li.leftIcon>

app/components/sbom/app-list/header/index.hbs

@@ -27,6 +27,7 @@
         {{on 'input' this.onSearchQueryChange}}
         local-class='search-package-name-input'
         data-test-sbomApp-searchInput
+        data-test-cy='sbomApp-searchInput'
       >
         <:leftAdornment>
           <AkIcon @iconName='search' @color='textSecondary' />
@@ -64,6 +65,7 @@
       {{style width='auto'}}
       class='select-platform-class'
       data-test-select-platform-container
+      data-test-cy='sbom-platform-filterSelect'
       as |platformObject|
     >
       <AkStack @spacing='1' @alignItems='center'>

app/components/sbom/app-list/index.hbs

@@ -34,6 +34,7 @@
             @direction='column'
             @alignItems='center'
             @spacing='1'
+            data-test-cy='sbomApp-emptyTextContainer'
           >
             <AkTypography data-test-sbomApp-emptyTextTitle @variant='h5'>
               {{t 'sbomModule.sbomAppEmptyText.title'}}
@@ -53,6 +54,7 @@
         <:default>
           <AkTable
             local-class='sbom-app-table'
+            data-test-cy='sbomApp-table'
             @hoverable={{true}}
             data-test-sbomApp-table
             as |t|

app/components/sbom/app-platform/index.hbs

@@ -8,6 +8,7 @@
   >
     <AkIcon
       data-test-appPlatform-icon
+      data-test-cy='app-platform-{{this.platformIconClass}}'
       @iconName={{this.platformIconName}}
       local-class='app-platform-icon-{{this.platformIconClass}}'
     />

app/components/sbom/app-scan/list/index.hbs

@@ -50,6 +50,7 @@
               {{style cursor='pointer'}}
               @onClick={{this.handleSbomScanClick}}
               data-test-sbomScan-row
+              data-test-cy='sbomScan-row'
               as |r|
             >
               <r.cell data-test-sbomScan-cell>

app/components/sbom/app-scan/list/view-report/index.hbs

@@ -2,6 +2,7 @@
   data-test-sbomScan-viewReportBtn
   disabled={{this.disableViewReport}}
   {{on 'click' (fn @onViewReportClick @sbomFile)}}
+  data-test-cy='sbomScan-viewReportBtn'
 >
   <AkIcon @iconName='description-outline' />
 </AkIconButton>

app/components/sbom/component-details/index.hbs

@@ -20,6 +20,7 @@
         @route={{item.route}}
         @currentWhen={{item.activeRoutes}}
         data-test-sbomComponentDetails-tab='{{item.id}}'
+        data-test-cy='sbom-component-details-tab-"{{item.id}}"'
       >
         {{item.label}}
       </Akt.tabItem>

app/components/sbom/component-details/summary/index.hbs

@@ -3,6 +3,7 @@
     <AkStack
       class='p-1'
       data-test-sbomScanDetails-componentDetails-summary='{{cs.label}}'
+      data-test-cy='sbom-component-details-summary-{{cs.label}}'
     >
       <AkTypography {{style width='160px'}} @color='textSecondary'>
         {{cs.label}}

app/components/sbom/component-status/index.hbs

@@ -2,6 +2,7 @@
   {{#each this.componentStatus as |status|}}
     <AkChip
       data-test-sbomComponent-status='{{status.label}}'
+      data-test-cy='sbom-component-status-{{status.label}}'
       @variant='semi-filled'
       @color={{status.color}}
       @label={{status.label}}

app/components/sbom/empty-loading-view/index.hbs

@@ -4,6 +4,7 @@
     local-class='empty-loading-container
     {{if @skeleton "skeleton"}}'
     {{style height=(or @height '500px')}}
+    data-test-cy='sbomApp-emptyLoadingView-{{if @empty "empty" "loading"}}'
     @direction='column'
     @spacing='2.5'
   >

app/components/sbom/scan-details/component-list/dependency-type-header/index.hbs

@@ -12,6 +12,7 @@
       local-class='cursor-pointer'
       {{on 'click' this.handleClick}}
       data-test-sbom-scanDetails-dependencyTypeHeader-icon
+      data-test-cy='sbom-dependency-type-filter-icon'
     />
 
     <AkTypography
@@ -30,6 +31,7 @@
   @closeHandler={{this.handleOptionsClose}}
   @clickOutsideToClose={{true}}
   data-test-sbom-scanDetails-dependencyTypeHeader-popover
+  data-test-cy='sbom-dependency-type-filter-popover'
 >
   <AkStack @direction='column' local-class='status-filter'>
     <AkStack @width='full' local-class='filter-header'>
@@ -55,6 +57,7 @@
           <AkRadio
             @checked={{eq this.selectedDependencyType types.value}}
             data-test-sbom-scanDetails-dependencyTypeHeader-radio={{types.key}}
+            data-test-cy='sbom-dependency-type-filter-radio-{{types.key}}'
           />
 
           <AkTypography
@@ -72,6 +75,7 @@
         local-class='clear-filter-section'
         @width='full'
         data-test-sbom-scanDetails-dependencyTypeHeader-clearFilter
+        data-test-cy='sbom-dependency-type-clear-filter'
       >
         <AkTypography
           @underline='always'

app/components/sbom/scan-details/component-list/index.hbs

@@ -78,6 +78,7 @@
               {{style cursor='pointer'}}
               @onClick={{this.handleComponentClick}}
               data-test-sbomComponent-row
+              data-test-cy='sbom-component-row'
               as |r|
             >
               <r.cell data-test-sbomComponent-cell as |value|>

app/components/sbom/scan-details/component-list/type-header/index.hbs

@@ -1,9 +1,16 @@
-<AkStack @width='full' @alignItems='center' @justifyContent='flex-start'>
+<AkStack
+  @width='full'
+  @alignItems='center'
+  @justifyContent='flex-start'
+  data-test-cy='component-type-filter'
+>
+
   <AkStack
     @width='full'
     @spacing='0.5'
     @alignItems='center'
     data-test-sbom-scanDetails-componentTypeHeader-container
+    data-test-cy='component-type-filter-trigger'
     {{style width='180px'}}
   >
     <AkIcon
@@ -12,6 +19,7 @@
       local-class='cursor-pointer'
       {{on 'click' this.handleClick}}
       data-test-sbom-scanDetails-componentTypeHeader-icon
+      data-test-cy='sbom-component-type-filter-icon'
     />
 
     <AkTypography
@@ -30,6 +38,7 @@
   @closeHandler={{this.handleOptionsClose}}
   @clickOutsideToClose={{true}}
   data-test-sbom-scanDetails-componentTypeHeader-popover
+  data-test-cy='sbom-component-type-filter-popover'
 >
   <AkStack @direction='column' local-class='type-filter'>
     <AkStack @width='full' local-class='filter-header'>
@@ -50,11 +59,13 @@
         class='py-1 pl-2'
         {{on 'click' (fn this.selectComponentType types.value)}}
         data-test-sbom-scanDetails-componentTypeHeader-option
+        data-test-cy='component-type-filter-option'
       >
         <AkStack @alignItems='center' @spacing='1'>
           <AkRadio
             @checked={{eq this.selectedComponentType types.value}}
             data-test-sbom-scanDetails-componentTypeHeader-radio={{types.key}}
+            data-test-cy='sbom-component-type-filter-radio-{{types.key}}'
           />
 
           <AkTypography
@@ -72,6 +83,7 @@
         local-class='clear-filter-section'
         @width='full'
         data-test-sbom-scanDetails-componentTypeHeader-clearFilter
+        data-test-cy='sbom-component-type-clear-filter'
       >
         <AkTypography
           @underline='always'

app/components/sbom/scan-details/component-tree/index.hbs

@@ -105,6 +105,7 @@
                   {{else}}
                     <AkIcon
                       data-test-component-tree-nodeExpandIcon
+                      data-test-cy='component-tree-node-expand-icon'
                       @iconName='add-box'
                     />
                   {{/if}}
@@ -132,6 +133,7 @@
                 }}'
                 @underline='hover'
                 data-test-component-tree-nodeLabel
+                data-test-cy='component-tree-node-label'
               >
                 {{node.label}}
               </AkTypography>

app/components/sbom/scan-details/file-scan-summary/index.hbs

@@ -3,6 +3,7 @@
     <AkStack
       class='py-1'
       data-test-sbomScanDetails-fileSummaryGroup='{{fs.label}}'
+      data-test-cy='sbom-scan-details-file-summary-group-{{fs.label}}'
     >
       <AkTypography
         {{style width='180px'}}

app/components/sbom/scan-details/index.hbs

@@ -75,6 +75,7 @@
           {{#if this.isTreeView}}
             <AkButton
               data-test-sbomScanDetails-collapseAllButton
+              data-test-cy='sbom-scan-details-collapse-all-btn'
               {{on 'click' this.collapseAll}}
               @variant='outlined'
               @color='neutral'
@@ -98,6 +99,8 @@
             @size='medium'
             {{on 'click' this.handleTreeViewClick}}
             data-test-sbomScanDetails-switch-treeViewButton
+            data-test-cy='sbom-scan-details-tree-view-btn'
+
           >
             <AkIcon
               @color={{if this.isTreeView 'primary'}}
@@ -110,6 +113,7 @@
             @variant='outlined'
             {{on 'click' this.handleListViewClick}}
             data-test-sbomScanDetails-switch-listViewButton
+            data-test-cy='sbom-scan-details-list-view-btn'
           >
             <AkIcon
               @color={{unless this.isTreeView 'primary'}}

app/components/sbom/scan-details/overview/index.hbs

@@ -14,6 +14,7 @@
     <AkStack
       @alignItems='center'
       data-test-sbomScanDetails-overview-scanSummary='{{ss.label}}'
+      data-test-cy='sbom-overview-item-{{ss.label}}'
     >
       <AkStack @spacing='1' @alignItems='center'>
         <AkIcon

app/components/sbom/scan-report-drawer/report-list/item/index.hbs

@@ -64,6 +64,7 @@
           {{on 'click' (perform this.handleDownloadReport @reportDetails.type)}}
           disabled={{this.handleDownloadReport.isRunning}}
           data-test-sbomReportList-reportDownloadBtn
+          data-test-cy='sbomReportList-reportDownloadBtn-{{@reportDetails.type}}'
         >
           <AkIcon @iconName='download' />
         </AkIconButton>
@@ -93,6 +94,7 @@
           {{on 'click' (perform this.handleGenerateReport @reportDetails.type)}}
           @loading={{this.handleGenerateReport.isRunning}}
           data-test-sbomReportList-reportGenerateBtn
+          data-test-cy='sbomReportList-reportGenerateBtn'
         >
           {{t 'generateReport'}}
         </AkButton>

app/components/sbom/summary-header/index.hbs

@@ -19,6 +19,7 @@
       {{#if (has-block 'collapsibleContent')}}
         <AkIconButton
           data-test-sbomSummaryHeader-collapsibleToggleBtn
+          data-test-cy='sbom-summary-header-collapsible-toggle-btn'
           {{on 'click' this.handleToggleCollapsibleContent}}
         >
           <AkIcon